处理浏览器缓存问题
main.js
router.onError((error) => {
hasRefreshed = false;
console.log("异常===" + error.message);
let ind0 = error.message.indexOf('Loading chunk chunk-')
let ind2 = error.message.indexOf('failed.')
if(ind0 != -1 && ind2 !=-1){
console.log('Loading chunk chunk-3f820242 failed---11-----')
window.location.reload()
}
})
vue.config.js
devServer: {
extract: true,
// 开启 CSS source maps?
sourceMap: true,
// css预设器配置项
// 启用 CSS modules for all css / pre-processor files.
modules: false
},
configureWebpack: {
.....
}
},
output: {
filename: `static/js/menhu.${Timestamp}.js?v=${Timestamp}`,
chunkFilename: `static/js/menhu-[name].${Timestamp}.js?v=${Timestamp}`
},
// 警告 webpack 的性能提示
},
css: { //
extract: { // 打包后css文件名称添加时间戳
filename: `css/[name].css?v=${Timestamp}`,
chunkFilename: `css/chunk.[id].css?v=${Timestamp}`,
}
},