解决VUE发布后因为浏览器缓存造成页面没更新的问题


VUE项目经常遇到项目发布了,可是客户看到的页面还是旧页面,经过了解,是客户浏览器缓存引起的,要解决这个问题,只需要两步就可以了

一、在 index.html 中添加一个 meta ,禁止浏览器缓存

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<meta http-equiv="expires" content="0">

二、 确保生成的 css 和 js 文件,都是添加了时间戳

是不是非常简单呢?

 

更多信息 参考: https://www.cnblogs.com/daheiylx/p/12705090.html 

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
上一篇:实现 Input 只能输入数字两位小数点,不闪烁方案
下一篇:微信支付:当面付 开发手册
评论列表

发表评论

评论内容
昵称:
关联文章

解决VUE发布因为浏览器缓存造成页面更新问题
VUE3版本 页面切换数据丢失问题
.NET Core ResponseCache 浏览器缓存
一劳永逸,解决.NET发布云服务器时区问题
发布,登录界面不见了elementUI节点
从一次解决Nancy参数绑定“bug”开始发布自己第一个nuget包(上篇)
ASP.NET Core MVC 在过滤器ActionFilter中保存页面生成html静态页面文件
页面没有缓存,Keep-alive失效
Python使用html解析包Requests-html运行py文件问题,Pyinstaller打包exe运行报错
asp.net mvc Action直接返回图片不被浏览器缓存
vue3 keep-alive跳转回来 scroll位置丢失
从一次解决Nancy参数绑定“bug”开始发布自己第一个nuget包(下篇)
uniapp vue3 下 pinia 本地数据缓存插件
AgGrid使用CellRendererFramework,修改数据调用applyTransaction数据刷新
消息发送时问题
vue打包js文件添加hash
html发布到服务器部分jpg报错:net::ERR_BLOCKED_BY_CLIENT
解决new Thread().Start导致高并发CPU 100%问题
Visual Studio(VS)发布自动使用Net Reactor给生成DLL加壳
formsubmit()方法不能触发onsubmit事件解决方法,兼容各版本浏览器

联系我们
联系电话:15090125178(微信同号)
电子邮箱:garson_zhang@163.com
站长微信二维码
微信二维码