由于 CORS 问题，firebase 托管阻止脚本

Question

我正在使用 firebase 托管来托管一些脚本并尝试从另一个站点访问它们。由于 CORS 问题，它自然会被阻止。根据我对其他论坛帖子等的研究，我修改了 firebase.json 如下

{
  "hosting": {
    "public": "public",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "headers": [ {
    "source" : "**",
    "headers" : [ {
      "key" : "Access-Control-Allow-Origin",
      "value" : "*"
    } ]
  }]
}
}

本质上允许任何 URL 访问此处托管的资源。但是，在尝试运行我的网站时，我仍然看到下面的内容

        Access to XMLHttpRequest at 'https://oracle-bot-sdk.firebaseapp.com//loader.json' 
    from origin 'https://insurance-bot.moblize.it' has been blocked by CORS policy: 
No 'Access-Control-Allow-Origin' header is present on the requested resource.

还需要什么？

Answer 1

是正在调用 https://insurance-bot.moblize.it/ 的站点 ( https://oracle-bot-sdk.firebaseapp.com ) Firebase 托管应用？

我之所以这么问，是因为 Firebase 工具 4.2+ 版本允许您使用同一 Firebase 项目设置多站点托管。我不确定这是否会对您的情况有所帮助。只是想提一下。

在错误消息中:

insurance-bot.moblize.it/:1 Failed to load https://oracle-bot-sdk.firebaseapp.com//loader.json: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://insurance-bot.moblize.it' is therefore not allowed access.

我注意到 https://oracle-bot-sdk.firebaseapp.com//loader.json 中多了一个“/” 。我怀疑这就是问题所在，但想提一下。

有些事情你可以尝试。与上面的答案类似，但略有不同:

"headers": [
    {
        "source": "*",
        "headers": [
            {
                "key": "Access-Control-Allow-Origin",
                "value": "*"
            }
        ]
    }
]

我还会在这里阅读一些信息:https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS#Access-Control-Allow-Origin如果您还没有。

我希望我能够以某种方式提供帮助。让我知道。