Vue项目打包放到服务器，浏览器存在缓存问题

Vue项目打包放到服务器，浏览器存在缓存问题
问题描述：
Vue项目打包放到服务器后，我们在浏览器查看该项目时，经常出现缓存问题，需要通过刷新才能清除缓存，现在只需要在打包的文件名中添加版本号就可以解决该问题。

解决方案：
1.找到webpack .prod.conf.js（build文件夹）

2.定义版本变量：const Version = new Date().getTime(); //定义一个时间作为版本号。

3.修改配置项：

代码如下（示例）：

output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash]'+ Version+'.js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash]'+Version +'.js')
  }
————————————————
版权声明：本文为CSDN博主「~星星落兜里了~」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/weixin_42100978/article/details/110219659