问题描述
在Vue.js项目中，打包后遇到缓存问题通常是因为浏览器缓存了旧的资源文件，导致用户即使刷新页面也无法看到更新后的内容。
问题解决
解决这类问题，你可以采取在引用静态资源时添加版本号或哈希值，确保每次文件更改后都会生成新的文件名。修改webpack配置（例如在Vue CLI项目中）:
module.exports = {
configureWebpack: {
output: {
filename: 'js/[name].[fullhash].js', // 主文件的哈希命名
chunkFilename: 'js/[name].[fullhash].js' // 动态导入的 chunk 文件也采用哈希命名
}
},
lintOnSave: false,
publicPath: '/admin/'
}通过上述方法，可以有效地解决Vue.js应用打包后的缓存问题。
扫码关注‘简忆博客’微信公众号，获取最新文章动态
转载：请说明文章出处“来源简忆博客”。http://tpxhm.com/fdetail/1159.html
简忆博客
勤于学习，乐于分享
Copyright© 2017-2025 简忆博客版权所有
粤ICP备16092285号
关于简忆
简忆诞生的故事
文章评论（0）