我们有一个主网站,其中包含所有用户上传的内容,通常只是个人资料图片。
包含所有上传内容的文件夹均受到 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/