firebase - 在 Firebase Google Cloud Storage Bucket 上配置 CORS

Question

我正在尝试将文件上传到 Firebase 存储桶。

由于跨域请求错误，我无法这样做。

XMLHttpRequest cannot load gs://myappkhh.appspot.com. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.

有人告诉我，处理这个问题的方法是命令行工具 gsutil(根据 https://cloud.google.com/storage/docs/cross-origin )

如何在现有的 Firebase 项目中使用它？我需要在哪里运行这个命令？

Answer 1

登录你的谷歌云控制台:https://console.cloud.google.com/home 并点击右上角的“激活谷歌云 shell ”。

在窗口底部，将显示一个 shell 终端，其中 gcloud 和 gsutil 已经可用。执行如下所示的命令。它会创建一个 json 文件，用于为您的存储桶设置 cors 配置。此配置将允许每个域在浏览器中使用 XHR-Requests 访问您的存储桶:

echo '[{"origin": ["*"],"responseHeader": ["Content-Type"],"method": ["GET", "HEAD"],"maxAgeSeconds": 3600}]' > cors-config.json

如果您想限制访问一个或多个特定域，请将其 URL 添加到数组中，例如:

echo '[{"origin": ["https://yourdomain.com"],"responseHeader": ["Content-Type"],"method": ["GET", "HEAD"],"maxAgeSeconds": 3600}]' > cors-config.json

在以下命令中将 YOUR_BUCKET_NAME 替换为您的实际存储桶名称以更新存储桶中的 cors-settings

gsutil cors set cors-config.json gs://YOUR_BUCKET_NAME

要检查一切是否按预期工作，您可以使用以下命令获取存储桶的 cors 设置:

gsutil cors get gs://YOUR_BUCKET_NAME

引用: https://developer.bitmovin.com/hc/en-us/articles/360000059353-How-do-I-set-up-CORS-for-my-Google-Cloud-Storage-Bucket-