使用 Cross-Origin-Embedder-Policy：require-corp 从 Firebase 存储加载图像

Question

要在 Chrome、Firefox 和其他浏览器上使用

SharedArrayBuffer

，我已按照此 Mozilla 文档中的说明进行操作，它提到在

require-corp

标头上设置

Cross-Origin-Embedder-Policy

是必要的，因为

credentialless

不需要适用于 Firefox。

但是使用

require-corp

后，由于此错误，我无法从 Firebase Storage 加载任何图像：

net::ERR_BLOCKED_BY_RESPONSE.NotSameOriginAfterDefaultedToSameOriginByCoep 200

我正在使用 Vue.js 并尝试使用以下设置配置 CORS：

[
    {
      "origin": ["*"],
      "method": ["GET"],
      "maxAgeSeconds": 3600
    }
  ]

我正在寻找一种方法，使其能够与

SharedArrayBuffer

一起使用，并允许从 Firebase 存储加载图像，而无需将

crossorigin="anonymous"

添加到任何

<img>

标签。

这是示例图像

这是我的标题：

'Cross-Origin-Embedder-Policy': 'require-corp',
'Cross-Origin-Resource-Policy': 'cross-origin'

Answer 1

您可以将“require-corp”替换为“无凭据”，如此处

所述