问题:每次部署后,页面不更新总是有缓存问题。
解决中心思想:在打包文件的文件名中添加一个版本号。
方法:
在vue.config.js中添加以下代码,vue cli3.x生成的项目默认没有这个文件,需要自己在根目录创建,和package.json同级。
代码块
const Timestamp = new Date().getTime();
module.exports = {
publicPath: '/discovery/',
configureWebpack: { // webpack 配置
output: { // 输出重构 打包编译后的 文件名称 【模块名称.版本号.时间戳】
filename: \`\[name\].${process.env.VUE\_APP\_Version}.${Timestamp}.js\`,
chunkFilename: \`\[name\].${process.env.VUE\_APP\_Version}.${Timestamp}.js\`
},
}
}
本文转自 https://www.jianshu.com/p/1976f1e29043,如有侵权,请联系删除。