从firebase存储中获取文件时如何修复错误？

Question

我正在尝试创建一个页面，让您可以上传文件并在其中搜索某些值，但是当我尝试从 firebase 存储中获取文件时，它给了我一个错误

CORS 策略阻止了从源“mysite”在“theurl”处获取的访问权限：请求的资源上不存在“Access-Control-Allow-Origin”标头。如果不透明的响应满足您的需求，请将请求的模式设置为“no-cors”以获取禁用 CORS 的资源。

是的，我尝试将 mod 设置为 no-cors，这有点用，但 fetch 返回一个空白 txt 文件。这是我的代码，请帮忙。谢谢

storageRef.child('thefilepath').getDownloadURL().then(function (url) {
    document.getElementById("atextbox").value = url
})

var dictionaryurl = document.getElementById("atextbox").value

fetch(dictionaryurl)
    .then(r => r.text())
    .then(t => {mycodethatrunsafter});

Answer 1

这是服务器问题。您需要您的服务器（在 Firebase？）以允许从您尝试上传/下载文件的域进行访问。如果 Firebase 服务器不是您自己的，您将需要一个反 CORS 代理，无论是您拥有的还是可公开访问的代理之一。反 CORS 代理接受其中包含 URL 的请求（例如，在 HTTP GET 或 POST 变量中）并向所需服务器发出请求。最后，使用正确的 HTTP 标头（没有 CORS 或使用允许域的 CORS 规则）将响应发送到原始客户端。

编辑

要配置您的 Firebase 存储，请关注 this：

第 3 步：配置跨域资源共享 (CORS) 我们可以使用 用于在存储桶上配置 CORS 的 gsutil cors 命令：

gsutil cors set cors.json gs://mlc-agira-271a8.appspot.com

cors.json 将包含：

  [
   {
     "origin": ["yourapp.url.com"], // Or * if you want to allow every one
     "method": ["GET"], // And/or POST, PUT or whatever you use
     "maxAgeSeconds": 3600
   }
 ]