解决思路
打包的时候给每个打包文件后面加一个时间戳，通过vue.config/vite配置
const timeStamp = new Date().getTime()
configureWebpack: {
name: name,
resolve: {
alias: {
'@': resolve('src')
}
},
output: {
filename: `js/[name].js?v=${timeStamp}`,
chunkFilename: `js/chunk.[id].js?v=${timeStamp}`,
}
},
css: {
extract: {
filename: `css/[name].css?v=${timeStamp}`,
chunkFilename: `css/chunk.[id].css?v=${timeStamp}`,
}
},解决原理
使用时间戳来作为版本号来解决项目部署缓存的问题是，它会确保每次构建的文件名中都包含最新的时间戳，从而迫使浏览器重新加载新的文件
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
