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 并了解其工作原理后，我在这里找到了所需的答案。 https://stackoverflow.com/a/37765371/4360863

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