问题:每次部署后,页面不更新总是有缓存问题。
解决中心思想:在打包文件的文件名中添加一个版本号。
方法:
在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`
},
}
}
网友评论