部署nuxt项目后更新项目后部分页面会发生错误,无法进入,但是清除浏览器缓存和无痕模式正常显示 查原因查了大半天,后发现主要原因是因为项目更新后浏览器进行本地缓存
解决方法保证版本更新时与上版本文件名不一样
nuxt.config.js
const Timestamp = new Date().getTime()
module.exports = {
// ...
build: {
extend(config, ctx) {
config.output.filename = `js/[name].${Timestamp}.js` // 每次构建打包时给文件名加上时间戳,保证版本更新时与上版本文件名不一样
config.output.chunkFilename = `js/[name].${Timestamp}.js`
// ...
}
}
}
}