Почему я могу получить этот файл Cross origin, но не могу создать Worker из него? - PullRequest
0 голосов
/ 20 марта 2020

Файл, о котором идет речь, является следующим: http://web-reports-static.s3.us-east-2.amazonaws.com/_next/e02d25753c0f34f5e22c.worker.js

Файл размещен из корзины s3, которая позволяет любому домену получить файл. Я также настроил следующую политику CORS:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
<CORSRule>
    <AllowedOrigin>*</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
</CORSRule>
</CORSConfiguration>

Вы можете попробовать ее в консоли любого веб-сайта (например, открыть инструменты разработчика здесь на stackoverflow).

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
       // Typical action to be performed when the document is ready:;
      console.log(xhttp.responseText)
    }
};
xhttp.open("GET", "http://web-reports-static.s3.us-east-2.amazonaws.com/_next/e02d25753c0f34f5e22c.worker.js", true)
xhttp.send()

Однако, используя ее Непосредственное построение Worker приводит к ошибке:

> new Worker("http://web-reports-static.s3.us-east-2.amazonaws.com/_next/e02d25753c0f34f5e22c.worker.js")

VM1925:1 Uncaught DOMException: Failed to construct 'Worker': Script at 'http://web-reports-static.s3.us-east-2.amazonaws.com/_next/e02d25753c0f34f5e22c.worker.js' cannot be accessed from origin 'https://stackoverflow.com'.
    at <anonymous>:1:1
(anonymous) @ VM1925:1

1 Ответ

0 голосов
/ 20 марта 2020

Помните, что Content Security Policy определяет, какие источники могут загружаться различными механизмами браузера. В частности, мне нужно было подстановить директиву worker-src: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/worker-src

...