Flutter Web访问URL图像CORS策略

Question

在我试图显示网络映像时，在我的Flutter网络中，我会遇到CORS错误。 从'https：//my-network-image-url.jpg'来访问xmlhttprequest'froment'http：// localhost：63785'已被CORS策略阻止：no'Access-Control-allow-Origin'Header存在在请求的资源上。

它在我的Android/iOS移动应用程序中正常工作。

我已经在后端PHP API中提取了同一问题。 当时，添加PHP文件中的标头解决了问题。

header("Access-Control-Allow-Origin: *");
header("Access-Control-Allow-Headers: X-Requested-With,content-type");

我很困惑如何在图像获取请求中添加标头。

对不起，如果我再次问同样的问题。 但是我找不到适当的解决方案。

提前致谢。

Answer 1

您可以从任何其他端点模拟允许所有交叉起源的呼叫，就像我使用以下内容一样，

String allowCORSEndPoint = "https://api.allorigins.win/raw?url=";

在呼叫时，您可以使用这样的AA变量，

import 'dart:html' as html;

http.Response response = await http.get(
  Uri.parse(allowCORSEndPoint + url),
);