访问控制-允许-源是不允许错误，但如果省略，那么期望从获取请求 Flutter web

Question

我从包含以下代码的 URL 下载图像时，我的 get 请求被 CORS 策略阻止：

await get(product.imageUrl).then((img) async {
          print('image downloaded');
          var dwnldProd = product;
          dwnldProd.productImage = img.bodyBytes;
          await _productRepository.saveProduct(dwnldProd);
        }).catchError((e) {
          print('downloading product image error: $e');
        });

由于请求的资源上不存在“访问控制-允许-源”标头。表示我的请求缺少标头，因此我将它们添加为：

await get(product.imageUrl, headers: <String,String>{
          'Access-Control-Allow-Origin': '*', // Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response.
//        'Access-Control-Allow-Origin':'http://localhost:5000/', // Request header field access-control-allow-origin is not allowed by Access-Control-Allow-Headers in preflight response.

          "Access-Control-Allow-Methods": "GET, POST, OPTIONS, PUT, PATCH, DELETE",
          "Access-Control-Allow-Headers": "Origin, X-Requested-With, Content-Type, Accept"

        }).then((img) async {
          print('image downloaded');
          var dwnldProd = product;
          dwnldProd.productImage = img.bodyBytes;
          await _productRepository.saveProduct(dwnldProd);
        }).catchError((e) {
          print('downloading product image error: $e');
        });

但现在错误是不允许访问控制允许源。

我尝试了许多参数组合，从各种公认的答案，但没有一个在我的情况下工作。你能发现我的标题有什么问题吗？值得一提的是，我正在Chrome上以发布模式运行web应用程序，使用命令＜code＞flatter run-d Chrome--release--web主机名localhost--web端口5000。

非常感谢你的帮助。

我注意到了这一点，我不明白：

如果我在请求头中提供访问控制允许原点，我会得到错误字段“访问控制允许不允许原点”：

但如果我将其注释掉，则错误为请求的资源上不存在“访问控制允许源”标题。：

由于资源是firebase存储上的一个文件，我应该在上传图像时在资源上创建这个not found头吗？如果是的话该怎么做？或许在元数据中？

Answer 1

终于找到了问题所在。事实上，我被阅读错误误导了。虽然字段x不允许在标头中非常清楚，但我误读了请求的资源上不存在“访问控制-允许-源”标头。并认为我的请求缺少标头。因此，当最终正确阅读请求的资源时，我意识到我没有在存储桶上执行某些操作：我必须为我的Google存储桶设置CORS。因此，使用gustily遵循文档中的说明非常简单。

1. 我用flutter创建了一个google_storage_cors.json文件，其中包含：

[
  {
    "origin": ["*"],
    "method": ["GET"],
    "responseHeader": ["Access-Control-Allow-Origin"],
    "maxAgeSeconds": 3600
  }
]

其中＜code＞〔“*”〕

1. 使用＜code＞gsutil.cors设置[filepath][your bucket]
2. 使用＜code＞gut get〔你的桶〕
3. 享受下载自由

特别感谢谁给了-1。看到乐于助人的人总是很高兴。干杯。

希望这有助于第一次处理这个问题的人，并在理解错误和找到解决方案方面付出了很多努力。