vue项目如何让网页端(浏览器不缓存)自动更新?
vue-li3项目打包之后部署到服务器的nginx上,怎么让浏览器不缓存信息,每次更新,用户都能看到最新的界面,而不是缓存的?
回答:
模板开头加:
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" /><meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />
nginx 配置加:
add_header Cache-Control no-store;
这就可以禁用 HTTP 缓存了,但要注意这得客户端的浏览器遵守 HTTP 规范才行,遇上不鸟规范的(对,就说你呢,微信X5内核),没辙。
回答:
楼上已经正解,nginx不使用缓存,页面也加入标签禁用缓存
回答:
或者你可以打包的时候生成一个version.js,然后在router.js routerBeforeach使用jsonp请求这个文件,进行判断,版本号不一致就刷新页面
回答:
是为了调试用么? 线上一般很少有人不希望走缓存吧? 调试阶段可以尝试打开 F12 里面 network 的 disabled cached 。 就不会走缓存了
回答:
打包时候给静态文件增加随机参数比如 http://aaa.com/static/app.js?...
此参数每次打包或更新时候修改,就可以让浏览器判断为两个文件,不缓存
回答:
兄弟 , 你这个缓存问题 现在处理好了吗?
以上是 vue项目如何让网页端(浏览器不缓存)自动更新? 的全部内容, 来源链接: utcz.com/a/165640.html