Access-Control-Allow-Origin 请求存储文件

Question

我收到错误

请求的资源上不存在“Access-Control-Allow-Origin”标头。因此，不允许访问Origin ' https://MY-Firebase-APP.Firebaseapp.com ' 。

从我的 Firebase 存储访问 json 文件时。这是存储规则-

service firebase.storage {
service firebase.storage {
  match /b/paystumped.appspot.com/o {
    match /{allPaths=**} {
      allow read, write: if true;
    }
  }
}

该应用程序也由 Firebase 托管。这是我在运行“firebase deploy”时使用的 firebase.json

{
  "hosting": {
    "public": "dist",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "headers": [
      {
        "source": "**/*",
        "headers": [
          {
            "key": "Access-Control-Allow-Origin",
            "value": "*"
          }
        ]
      },
      {
        "source": "**/*.@(jpg|jpeg|gif|png)",
        "headers": [
          {
            "key": "Cache-Control",
            "value": "max-age=7200"
          }
        ]
      },
      {
        "source": "404.html",
        "headers": [
          {
            "key": "Cache-Control",
            "value": "max-age=300"
          }
        ]
      }
    ],
    "cleanUrls": true,
    "trailingSlash": false

} }

我确信有一些简单的 CORS 设置可以完成这项工作。

Answer 1

在阅读了 CORS 并了解这应该如何工作后，我在这里找到了所需的答案。 /sf/answers/2643576001/

firebase 存储策略由 google 提供的实用程序配置。