firebase - GS :// has no CORS configuration

Question

我正尝试在按钮单击事件时从我的 firebase 存储下载文件，但它给了我“Access-Control-Allow-Origin”错误。

https://firebase.google.com/docs/storage/web/download-files

按照上面的链接，我正在尝试配置 CORS。我安装了 gsutil 命令行工具。但是我找不到需要复制此代码的 cors.json 文件

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

然后我使用命令 gsutil cors get gs://<your-cloud-storage-bucket>返回 gsutil cors get gs://<your-cloud-storage-bucket>/ has no CORS configuration .

我是否需要先为我的存储桶创建 CORS 配置文件？

下面是我的按钮点击方法，错误在代码中。

downloadAttachment(fileName) {
var uid = AuthService.uid;
let storageRef = firebase.storage().ref().child('assignments/' + uid + '/' + fileName);
storageRef.getDownloadURL().then(url => {
  console.log(url);
  var xhr = new XMLHttpRequest();
  xhr.responseType = 'blob';
  xhr.onload = function (event) {
    var blob = xhr.response;
  };
  xhr.open('GET', url);
  xhr.send();
});
}

错误:

No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.

谢谢。

Answer 1

是的，创建一个任意名称的文件——称之为cors.json如果你愿意——将你喜欢的 CORS 配置设置放入其中，然后运行 ​​gsutil像这样:

gsutil cors set cors.json gs://<your-cloud-storage-bucket>/

这会将这些 CORS 配置设置上传到您的存储桶。之后，您可以随时使用 gsutil cors get gs://<your-cloud-storage-bucket> 检索当前设置。 .