vue打包部署,解决更新版本清理缓存问题
参考来自:https://blog.csdn.net/lzb348110175/article/details/114142229一、根目录index.html在head标签中,加入下面的代码<meta http-equiv="pragram" content="no-cache"><meta http-equiv="cache-control" content="no-cach
·
参考来自:https://blog.csdn.net/lzb348110175/article/details/114142229
一、根目录index.html
在head标签中,加入下面的代码
<meta http-equiv="pragram" content="no-cache">
<meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">
二、配置vue.config.js (module.exports里)
动态生成文件名
//顶部设置变量
const Timestamp= new Date().getTime()
configureWebpack: { // js 配置
output: { // 输出重构 打包编译后的 文件名称
filename: `static/js/[name].${process.env.VUE_APP_Version}.${Timestamp}.js`,
chunkFilename: `static/js/[name].${process.env.VUE_APP_Version}.${Timestamp}.js`
},
},
css: { // css 配置
extract: {
// 修改打包后css文件名
filename: `css/[name].${Timestamp}.css`,
chunkFilename: `css/[name].${Timestamp}.css`
}
},
注:如果在文件中没有以上配置项,添加进去,路径可根据自己项目中的路径调整,主要是文件名部分
更多推荐
已为社区贡献4条内容
所有评论(0)