目录

uniapp-APP使用web-view内嵌-h5-解决打包发版浏览器有缓存需要清除的问题

目录

uniapp APP使用web-view内嵌 h5 解决打包发版浏览器有缓存需要清除的问题

1.在当前项目根节点下的public目录下的index.html里面写入禁止缓存的 meta https://i-blog.csdnimg.cn/direct/0738d3348c4a442d89710bf8f9bb5cb1.png

2.配置服务器,使得index.html等关键文件不被缓存。例如,使用Nginx配置,可以添加以下指令: location=/index.html { add_header Cache-Control “no-cache, no-store”; } 3.在对应的响应拦截器中请求头里添加上“Cache-Control”设置为“no-cache”告诉浏览器不缓存 https://i-blog.csdnimg.cn/direct/69af725858ee42a69a5b6e559c5eb30d.png axios.defaults.headers[“Cache-Control”] = “no-cache”; 4.在vue.config配置webpack,让打包的时候给对应的js、css文件名后缀拼接上时间戳 const timeStamp= new Date().getTime() module.exports = { configureWebpack: { output: { filename: js/[name].js?v=${timeStamp}, chunkFilename: js/[name].js?v=${timeStamp}, }, }, css: { // 输出重构 打包编译后的css文件名称,添加时间戳 extract: { filename: css/[name].${timeStamp}.css, chunkFilename: css/[name].${timeStamp}.css, }, } } 最后的打包效果,能看到css、js文件后缀都加上了时间戳 https://i-blog.csdnimg.cn/direct/01fdabe6eefe4a7684236246507ecec8.png