Firebase宿主:未生效的标头(COEP和COOP http头)

Question

我希望设置头部Cross-Origin-Embedder-Policy: require-corp和Cross-Origin-Opener-Policy: same-origin，以便启用SharedArrayBuffer，从而可以使用https://github.com/ffmpegwasm/ffmpeg.wasm

我已经在firebase.json中设置了这些，但是console.log(crossOriginIsolated)会产生false，以及在SharedArrayBuffer is not defined中使用FFmpeg错误的任何尝试。这发生在模拟器和已部署的站点上。

我正在用ffmpegwasm从js速递装载<script src="https://cdn.jsdelivr.net/npm/@ffmpeg/ffmpeg@0.10.1/dist/ffmpeg.min.js" crossorigin="true"></script>

下面是我的完整firebase.json (只是一个简单的演示项目)，标题位于底部：

{
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  },
  "emulators": {
    "functions": {
      "port": 5001
    },
    "hosting": {
      "port": 5000
    },
    "ui": {
      "enabled": true
    }
  },
  "headers": [
    {
      "source": "**",
      "headers": [
        {
          "key": "Cross-Origin-Embedder-Policy",
          "value": "require-corp"
        },
        {
          "key": "Cross-Origin-Opener-Policy",
          "value": "same-origin"
        }
      ]
    }
  ]
}

我做错了什么？谢谢!

Answer 1

通过将"source": "**"部件更改为"regex": "/.*"，我设法解决了这个问题。您可以尝试使用不同的模式将标题应用于要修改的确切页路径。