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

Question

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

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!

Answer 1

借助 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