Vue SPA怎么解决浏览器缓存问题


这篇文章主要介绍“VueSPA怎么解决浏览器缓存问题”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“VueSPA怎么解决浏览器缓存问题”文章能帮助大家解决问题。如何让发布到线上的 vue 单页应用能及时更新到浏览器,而无需用户强制刷新页面呢?因为 js、css、图片等资源文件名带有 hash 值,只要文件名变了就会更新,所以可以设置缓存,但 html 文件名没有加 hash 值,所以不能缓存该文件。在 nginx.conf 中设置通过上述配置,让浏览器不缓存 html 文件。1.试过js、css打包时添加时间戳,因为打包后每次都是新名字的文件,所以感觉加不加时间戳都没有效果 试了一下果然原因免费云主机域名应该是微信浏览器缓存了index.html, 所以打开缓存的页面根本没有任何请求2.试过index.html添加meta标签,设置不缓存页面,亲测也无效3.index.html 试过添加参数,本以为微信浏览器会认为是一个新页面, 但是无果4.js 间隔时间自动刷新window.location.href 体验不好,还是去掉了5.既然前端试了很多种办法 还是无效,只能在服务端配置了,这句话应该也是让index.html不缓存,尝试了下,这种办法没有兼容问题,安卓和ios每次打开页面都及时更新了关于“VueSPA怎么解决浏览器缓存问题”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注百云主机行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: php缓存指的是什么

这篇文章主要介绍“php缓存指的是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“php缓存指的是什么”文章能帮助大家解决问题。 php缓存是一种运行模式,属于边编译边运行,包括PHP编译缓存和PHP数据缓存两种;p…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 03/25 22:41
Next 03/25 22:41

相关推荐