问题描述
在开发H5时发现由于iOS无法手动清除软件缓存(除非卸载重装),导致新版本上传后页面始终无法更新。
原因分析
iOS始终从缓存中读取同名资源,导致无法加载浏览器中最新版本,所以只要确保每次新打包生成的文件名不同就可以解决
解决方法
在vue.config.js文件中加入以下配置
const TimeStamp = new Date().getTime()
module.exports = {
configureWebpack: {
output: {
filename: `js/[name].${TimeStamp}.js`,
chunkFilename: `js/[name].${TimeStamp}.js`
}
}
}