提问者:小点点

Flutter Web访问URL图像CORS策略


在我的flutter web中,当我试图显示网络图像时,我得到一个CORS的错误。从源http://localhost:63785访问XMLHttpRequest at'https://my-network-image-url. jpg'已被CORS策略阻止:请求的资源上没有'Access-Control-Allow-Origin'标头。

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

我已经在我的后端php api中获取了相同的问题。当时在php文件中添加标头解决了这个问题。

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

我对如何在图像获取请求中添加标题感到困惑。

对不起,如果我再问同样的问题。但是我找不到合适的解决办法。

提前感谢。


共1个答案

匿名用户

您可以模拟来自任何其他endpoint的呼叫,它允许所有跨源,如我使用的以下内容,

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

在进行调用时,您可以使用这样的变量,

import 'dart:html' as html;

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