如何在flutter web中支持HTTP标头NetworkImage

Question

我尝试在 flutter web 中从互联网获取一些需要添加标头的图像。\n我使用了cached_network_image: ^2.5.1，它也不完全支持网络，当在web，不使用标头。这两种方法都可以在 Android 版本上成功运行。\n

\n

environment:\n  sdk: ">=2.7.0 <3.0.0"\n\nDoctor summary (to see all details, run flutter doctor -v):\n[\xe2\x88\x9a] Flutter (Channel stable, 2.0.4, on Microsoft Windows [Version 10.0.19042.985], locale en-US)\n[\xe2\x88\x9a] Android toolchain - develop for Android devices (Android SDK version 30.0.3)\n[\xe2\x88\x9a] Chrome - develop for the web\n[\xe2\x88\x9a] Android Studio (version 4.1.0)\n[\xe2\x88\x9a] IntelliJ IDEA Ultimate Edition (version 2020.1)\n[\xe2\x88\x9a] Connected device (3 available)\n\n\xe2\x80\xa2 No issues found!\n

\n

Answer 1

使用cached_network_image: 3.0.0我可以使用 CachedNetworkImageProvider 类添加标头。

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