Почему я получаю ответ типа «cors»?

Я пытаюсь получить файл JavaScript из другого домена, используя следующий код:

const r = await fetch('https://example.com/js/chunk-99EP6AU.js');
console.info({ r });

Ответ имеет тип cors. Означает ли это, что файл блокируется из-за ограничений CORS?

Когда я использую команду curl для проверки заголовков, я вижу, что файл обслуживается с заголовком Access-Control-Allow-Origin: *:

curl -I https://example.com/js/chunk-99EP6AU.js

HTTP/1.1 200 OK
Content-Type: application/javascript
Content-Length: 1750
Connection: keep-alive
Date: Mon, 27 May 2024 08:15:03 GMT
X-Amz-Replication-Status: COMPLETED
Last-Modified: Thu, 23 May 2024 16:37:11 GMT
Etag: "***********************"
X-Amz-Server-Side-Encryption: AES256
X-Amz-Version-Id: ******.4NfhX3z
Accept-Ranges: bytes
Server: AmazonS3
Vary: Accept-Encoding
Via: 1.1 *********************.cloudfront.net (CloudFront)
X-Xss-Protection: 1; mode=block
X-Frame-Options: DENY
Referrer-Policy: strict-origin-when-cross-origin
X-Content-Type-Options: nosniff
Strict-Transport-Security: max-age=31536000
Vary: Origin
Access-Control-Allow-Origin: *
Content-Security-Policy: frame-ancestors 'none'
X-Cache: Hit from cloudfront
X-Amz-Cf-Pop: TLV50-C2
X-Amz-Cf-Id: -NHmjcimBl39K3VgvBg9s2d**********D9Nw==

Несмотря на заголовок Access-Control-Allow-Origin: *, почему могут возникнуть проблемы с CORS?

Согласно MDN, type: cors означает, что «Ответ был получен по действительному запросу из разных источников. Доступ к определенным заголовкам и телу возможен.». Вы пытались получить доступ к ответу, используя await r.text()?
Ivar 27.05.2024 10:58
why might there still be an issue with CORS? но... с CORS проблем нет
Jaromanda X 27.05.2024 11:27
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
109
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Ответ имеет тип cors. Означает ли это, что файл блокируется из-за ограничений CORS?

Нет, это означает, что ресурс может использоваться разными источниками. CORS означает совместное использование ресурсов между источниками.

Response успешен. Его код status — 200, а statusText"OK". Вы можете пойти дальше и использовать Response.

Если у HeaderResponse есть ключ; Content-Typeсо стоимостью; text/javascript, прочитайте Response вот так:

const response = await fetch("https://example.com/js/chunk-99EP6AU.js")
const javascript = await response.text()
console.info("The Javascript as string: ", javascript)

Другие вопросы по теме