从 Flutter Web 显示存储在 Firebase 存储上的图像 [重复]

Question

我无法在 Flutter Web 上检索存储在 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

根据Google Cloud Docs

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

按照firebase docs，解决方法如下：

1. 下载gsutil，一个Google Cloud CLI，instructions on how to install can be found here。
2. 创建cors.json 文件，内容如下：

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

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

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

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