【问题标题】:Display images stored on Firebase Storage from Flutter Web [duplicate]从 Flutter Web 显示存储在 Firebase 存储上的图像 [重复]
【发布时间】:2021-07-18 19:00:08
【问题描述】:

我无法在 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.

【问题讨论】:

    标签: flutter cors firebase-storage flutter-web google-cloud-sdk


    【解决方案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 存储桶的路径。

    【讨论】:

      猜你喜欢
      • 2020-09-25
      • 2022-11-02
      • 2022-07-28
      • 2021-08-11
      • 2021-07-28
      • 2020-04-30
      • 2020-04-20
      • 2017-12-01
      • 1970-01-01
      相关资源
      最近更新 更多