Firebase存储和访问控制允许原点

Question

我正在尝试通过XMLHttpRequest从Firebase存储下载文件,但资源上没有设置Access-Control-Allow-Origin,因此无法实现.有没有办法在存储服务器上设置此标头？

  (let [xhr (js/XMLHttpRequest.)]
    (.open xhr "GET" url)
    (aset xhr "responseType" "arraybuffer")
    (aset xhr "onload" #(js/console.log "bin" (.-response xhr)))
    (.send xhr)))

Chrome错误消息:

XMLHttpRequest无法加载 https://firebasestorage.googleapis.com/[EDITED] 请求的资源上没有"Access-Control-Allow-Origin"标头.原产地" 的http://本地主机:3449 "因此不允许访问.

Answer 1

Google Cloud 现在有一个内联编辑器，可以让这个过程变得更加简单。无需在本地系统上安装任何东西。

1. 打开GCP 控制台并通过单击>_顶部导航栏中的图标按钮启动云终端会话。
2. 单击铅笔图标打开编辑器，然后创建cors.json文件。
3. 跑 gsutil cors set cors.json gs://your-bucket

Answer 2

从firebase-talk组/列表上的这篇文章:

为CORS配置数据的最简单方法是使用gsutil命令行工具.有关安装说明,gsutil请访问https://cloud.google.com/storage/docs/gsutil_install.一旦安装gsutil并使用它进行身份验证,就可以使用它来配置CORS.

例如,如果您只想允许从自定义域下载对象,请将此数据放在名为cors.json的文件中(替换"https://example.com"为您的域):

[
  {
    "origin": ["https://example.com"],
    "method": ["GET"],
    "maxAgeSeconds": 3600
  }
]

然后,运行此命令(替换"exampleproject.appspot.com"为您的存储桶的名称):

gsutil cors set cors.json gs://exampleproject.appspot.com

你应该被设定.

如果您需要更复杂的CORS配置,请查看https://cloud.google.com/storage/docs/cross-origin#Configuring-CORS-on-a-Bucket上的文档.

Answer 3

只想添加到答案。只需在Google控制台（console.cloud.google.com/home）中转到您的项目，然后选择您的项目即可。在那里打开终端，仅创建cors.json文件（touch cors.json），然后按照答案进行操作并按照vim cors.json@ frank-van-puffelen的建议编辑此文件（）

这对我有用。干杯!

Answer 4

我正在开发一个使用 firebase 存储的项目，最终用户需要一种方法来下载他们上传的文件。当用户尝试下载文件时，我遇到了 cors 错误，但经过一些研究，我解决了这个问题。我是这样想出来的：

1. 下载 Google 云 CLI
2. 使用 CLI 登录
3. 在项目目录中创建 cors.json 文件并输入以下代码。

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

4. 使用 Google Cloud CLI 导航到包含 cors.json 的目录
5. 在 CLI 中输入：gsutil cors set cors.json gs://<app_name>.appspot.com