Flutter 使用受基本身份验证保护的网络图像

标签 flutter dart nginx

我们有一个主网站,其中包含所有用户上传的内容,通常只是个人资料图片。

包含所有上传内容的文件夹均受到 nginx基本身份验证 的保护。因此您需要输入用户名和密码才能访问它。

问题

如何使用 Flutter cached_network_image 来完成此操作?或者类似的东西。我们不想将图像物理存储在设备上。

最佳答案

您可以使用 CachedNetworkImage 小部件上的 httpHeaders 属性来传递自定义身份验证 header 。

CachedNetworkImage(
  imageUrl: ...,
  imageBuilder: ...,
  placeholder: (context, url) => CircularProgressIndicator(),
  errorWidget: (context, url, error) => Icon(Icons.error),
  httpHeaders: {
    "Authorization": "Basic $token",
  }
),

关于Flutter 使用受基本身份验证保护的网络图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67499115/

相关文章:

android - 如何使用Flutter App读取Android 10设备文件

Flutter 蓝牙热敏 POS 打印机

dart - 在 flutter 中在图标上写文字

firebase - "java.lang.IllegalArgumentException: Unsupported value"访问FireStore子集合异常

flutter - 在 Flutter 中,当我单击 TextFormField 时,出现溢出错误

flutter - 如何实现Flutter WebView Scale to Fit

php - 使用 docker、nginx、php-fpm 提供静态文件

django - 已经创建了一个安装 nginx、python、uwsgi 和 django 的 docker。如何在 VM 中测试它?

firebase - 尝试从 firebase 获取单个文档时断言失败

django - 使用 systemD 服务在带有 gunicorn + django 的 Nginx 服务器中设置 2 个站点