问题描述
微信的h5页面,会缓存页面,即使更新了代码,预览到的还是之前的页面;得用户手动操作刷新才能浏览最新版本问题。
缓存原理
vue
打包的话,js | css | png/jpg
等文件名都加上了hash
值。但是index.html
文件并没有,index.html
是一个主入口,里面加载的是js等其他文件。就是缓存了这个html
文件,去加载上一个版本的内容的时候,找不到了,就会白屏。
解决思路
所以要解决这个问题的话,需要在nginx
里面配置不缓存html
文件(尝试了:index.html
文件加math
。文件引用加时间戳等,均不可用。主要还是缓存了html的问题)
上才艺
nginx 清除页面缓存
只要简单的在nginx
里面配置一下,不缓存html
文件
if ($request_filename ~ .*\.(htm|html)$){
add_header Cache-Control "no-cache, no-store";
}
贴上清除缓存的相关文档
developers.weixin.qq.com/community/d…