微信小程序中图片链接缓存问题如何解决
背景描述:
更换阿里云上面的图片库,打开小程序后,发现界面展示的图片还是旧图片。
原因:
是由于缓存导致的。
解决方案:
1. 可以给对象存储OSS设置资源的HTTP响应头即可
操作流程如下:
登录阿里云,进入对象存储OSS,找到资源所在Bucket
-文件管理,进入资源所在目录,
资源列表右边“更多”里有“设置HTTP头“,除了可以设置单个资源的HTTP头,
还可以选择当页所有资源,批量设置HTTP头。
点击“设置HTTP头“,在“Cache-Control"字段填上值保存就可以了。
2. 或者在需要显示图片的url添加一个随机参数/或时间戳也可以。
例如:
<img :src="src" alt="" />
...
let src = res.src + +'?'+ Math.random()
参考链接:
https://www.jianshu.com/p/65710ab69c3b
如果快乐太难,那祝你平安。