网络工作者被自我阻挡。

Question

基本上，我正在尝试使用柏树在我的 svelte 应用程序上运行测试。但是我需要使用一个网络工作者，但是当我尝试柏树（带有chrome）时，它会被此错误所阻止：

domexception：未能在“ worker”上执行“ tostmessage”：sharedArrayBuffer转移需要自我。

通常它可以工作，我已经在 svelte.config.js 文件上设置了以下标题：

/** @type {import('vite').Plugin} */
const viteServerConfig = {
    name: 'log-request-middleware',
    configureServer(server) {
        server.middlewares.use((req, res, next) => {
            res.setHeader("Access-Control-Allow-Origin", "*");
            res.setHeader("Access-Control-Allow-Methods", "GET");
            res.setHeader("Cross-Origin-Opener-Policy", "same-origin");
            res.setHeader("Cross-Origin-Embedder-Policy", "require-corp");
            next();
        });
    }
};

在柏树上，为了解决这个问题，我将 chromewebsecurity 设置为 false cypress.config.js ，但没有任何改变。如果我在网络内部查看，工人会正常加载，但是帖子消息会失败，该错误是否有任何线索？

Answer 1

我不确定谁（vite，svelte，cypress），但是代码中的某些东西想使用 sharedArrayBuffer 。

sharedArrayBuffer 是幽灵和崩溃攻击。 Chrome功能被称为站点隔离允许它返回，< strong>只要要求使用 sharedArrayBuffer 的网站在状态称为 crossoriginasolated 。

为了实现交叉起源隔离，您需要配置3个http响应标头：

1. 跨原生蛋白 - 资源 - 政策（corp）

正如Eiji Kitamura在此视频，您需要做3件事：

1. 添加 cross> cross-origin-opener-policy 代码>（COP）响应标题 top级文档由您的服务器返回。它的值应为 same-origin 。
2. 将交叉源源物 - 资源 - 元素（corp）响应标头添加到您对来源的自托管的所有资产。它的值应为相同位置。您还应检查 cross-origin 您想要在网站上包含的资源（例如，YouTube ＆lt; iframe＆gt; ）用 cross-origin-resource-policy返回：交叉原始。如果交叉启发服务器（即您无法控制的服务器）不会将Corp Header添加到其返回的资源中，则它也可以返回a 跨孔资源共享（CORS）标题，但您将需要要添加 crossorigin 属性属于那些交叉原始资源（例如＆lt; img src =“ some-image-not-not-on-hour-your-site.png” crossorigin＆gt; ） 。
3. 将交叉孔 - Embedder-Policy （COEP）响应标头添加到您的服务器返回的顶级文档。它的值应为 require-corp 。

另外，请记住这一点，请记住 cross-origin-isolation-guide ：

确保没有需要通过Postmessage（）进行通信的交叉原始弹出窗口。当启用交叉隔离时，无法使它们保持工作。您可以将通信移至另一个未隔离的文档，也可以使用其他交流方法（例如，HTTP请求）。

您也可以看一下有关