发出跨源请求时出现 SharedArrayBuffer 错误

如何解决发出跨源请求时出现 SharedArrayBuffer 错误

我们有一个本地开发环境 (localhost/)，可与远程服务器 (api-dev.host.com) 上的开发 API 进行通信。

在最新的 Chrome 升级后，我在尝试从本地主机与远程服务器通信时收到以下控制台错误：

[Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92,around July 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details.

虽然错误中的链接确实显示了一些信息，但我不清楚如何解决这个问题。 有没有办法从后端解决这个问题？任何答案将不胜感激。

解决方法

根据错误消息中的 link，这是由于 Chrome v92 中实施的新安全功能所致。

Chrome v92 现在需要 Cross-Origin-Resource-Policy 标头才能在两个或多个源之间共享资源。我假设您正在尝试使用 api-dev.host.com 设置的 cookie 或其他资源，因此您需要实现标头或将 CORS 配置设置为 Access-Control-Allow-Origin: *。

如果您没有将 Access-Control-Allow-Origin 设置为 *，您可以使用以下 Nginx 配置设置 Cross-Origin-Resource-Policy 标头：

add_header Cross-Origin-Resource-Policy 'cross-origin' always;

标头有多个不同的值，但 cross-origin 将允许您访问源之间的资源（localhost 和 api-dev.host.com 是不同的源）。

请注意，您可能有 SameSite=Lax 或其他配置。为了访问应该由远程服务器与 Cross-Origin-Resource-Policy 一起设置的 cookie，您需要具有以下 cookie 配置（您可以检查您的 cookie SameSite 配置 here）：

SameSite=None; Secure;

假设您尝试访问由不同来源的远程服务器设置的 cookie，并且没有将 Access-Control-Allow-Origin 设置为 *，这应该可以工作。