在哪里为 React 中的 SharedArrayBuffer 设置标头？

问题描述

我在 Windows10 上的本地主机上运行使用 create-react-app 创建的网站。当我尝试在我的网站中使用 ffmpeg 时，出现错误

“未定义 SharedArrayBuffer”

在火狐浏览器中。为了解决这个问题，我到处都看到我必须在“我的顶级文档”中添加 COOP 和 COEP 标题。

问题是我不明白什么是“顶级文档”以及在哪里可以找到它。

我尝试添加：

<Meta http-equiv="Cross-Origin-Embedder-Policy" content="require-corp">
<Meta http-equiv="Cross-Origin-Opener-Policy" content="same-origin"> 

在我的 index.html 中，因为我在某处看到它但它不起作用。

你能告诉我需要添加标题的文件是什么吗？在哪里可以找到它？

解决方法

从 HTML Living Standard 开始，只有某些值可以在 http-equiv 标记的 meta 属性中设置。它们是 content-language、content-type、default-style、refresh、set-cookie、x-ua-compatible 和 content-security-policy。由于 Cross-Origin-Embedder-Policy 或 Cross-Origin-Opener-Policy 均未出现在此处，因此无法使用 http-equiv 标记的 meta 属性设置这些 HTTP 标头（根据 HTML 规范）。您需要将这些作为 HTTP 标头而不是 meta 标签添加到您的 HTML 文档中。