从颤振Web显示存储在Firebase存储上的图像

Question

我无法检索存储在Flutter上的Firebase存储的图像。

伴：

Access to XMLHttpRequest at <firebase-storage-photo-url> has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Answer 1

根据谷歌云文档

跨源资源共享(CORS)允许来自不同来源的资源之间的交互，这通常是被禁止的，以防止恶意行为。

遵循[消]火源文档，下面是如何解决这个问题的方法：

1. 下载gsutil，Google，有关如何安装的说明可在这里找到。
2. 创建具有以下内容的cors.json文件：

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

1. 现在使用CLI使用以下命令部署cors.json规则：

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

在“存储”功能下，您可以在Firebase控制台中找到Firebase存储桶的路径。