解决Flutter在WEB中加载图片的跨域问题
在Flutter Web项目中解决图片跨域问题，可以在pubspec.yaml中配置图片资源的跨域请求。
- 打开
pubspec.yaml文件。 - 在
assets部分添加跨域配置，例如：
flutter:
assets:
- assets/images/example.png
- assets/images/
# 跨域配置示例
# 如果你使用的是Flutter 2.5及以上版本，可以使用如下配置：
flutter:
assets:
- assets/images/example.png
- assets/images/
uses-material-design: true
# 对于跨域请求，可以添加如下配置：
web:
cors_allowed_origins:
- url: "https://example.com" # 替换为你的图片服务器域名
allow_credentials: true请确保将url字段替换为实际的图片服务器域名。如果你的图片服务器允许所有域跨域请求，可以使用星号（*）作为通配符。
web:
cors_allowed_origins:
- url: "*"
allow_credentials: true保存pubspec.yaml文件后，Flutter Web应用将能够加载不同域的图片资源。
评论已关闭