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

登录您的Google云端控制台：https://console.cloud.google.com/home并点击＆＃34;激活Google Cloud Shell＆＃34;在右上角。

在窗口底部，将显示一个shell终端，其中gcloud和gsutil已经可用。执行以下命令。它会创建一个json文件，用于为您的存储桶设置cors-configuration。此配置将允许每个域使用浏览器中的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_NAM E，以更新存储桶中的cors-settings

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

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

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-

在Firebase Google Cloud Storage Bucket上配置CORS

1 个答案: