flutter - 如何在 flutter web 中支持 HTTP header NetworkImage

标签 flutter http-headers flutter-web

我试图在 flutter web 中从互联网上获取一些需要添加标题的图片。 我用过 cached_network_image: ^2.5.1 并且它不完全支持网络也 Image.network 似乎在网络上运行 flutter 时,不使用 header 。这两种方式都可以在 Android 版本上成功运行。 enter image description here

environment:
  sdk: ">=2.7.0 <3.0.0"

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 2.0.4, on Microsoft Windows [Version 10.0.19042.985], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
[√] Chrome - develop for the web
[√] Android Studio (version 4.1.0)
[√] IntelliJ IDEA Ultimate Edition (version 2020.1)
[√] Connected device (3 available)

• No issues found!

最佳答案

借助 cached_network_image: 3.0.0,我可以使用 CachedNetworkImageProvider 类添加 header 。

CachedNetworkImageProvider(
              "${IOConfig.apiUrl}",
              headers: {"Authorization": "Bearer $apiToken",
                "Access-Control-Allow-Headers": "Access-Control-Allow-Origin, Accept"}                                                
             ,imageRenderMethodForWeb: ImageRenderMethodForWeb.HttpGet)

我必须以更改网络渲染器的参数开始它

flutter run -d chrome --web-renderer html 

关于flutter - 如何在 flutter web 中支持 HTTP header NetworkImage,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67689420/

相关文章:

flutter - 无法分别构建 Flutter Web 和 Flutter Mobile 应用程序

android - 没有为类 'listen' 定义方法 'Function' 吗?

android - Flutter - 一段时间后自动刷新 map 上标记的图标

php - file_get_contents() 修改后的 HTTP header 返回垃圾 html 输出

azure - 如何设置单个 azure blob 请求的内容处置?

browser - 浏览器/服务器如何协同工作以显示 html 页面?

flutter - 如何在flutter中创建拆分容器?正确的做法应该是什么?定制画家还是芯片?

flutter - 如何检测flutter网站是否在浏览器后台运行?

flutter - 如何在 Flutter 中 move 屏幕中的小部件

flutter - CupertinoDatePicker 禁用当前时间之前的小时和分钟