关于vue-cli2、vue-cli3打包部署上线缓存问题

用vue脚手架开发项目的小伙伴都知道，如果不做任何配置的话，直接打包部署项目后， 有时候会发现，重新开发修改的内容并未被更新， 需要强制刷新页面甚至清除缓存才可看到更新的内容。

原因： 未设置版本号， 这是导致浏览器缓存的罪魁祸首。

废话不多说，上干货。

vue cli2的配置方法：

1. 找到build文件夹-> webpack.prod.conf.js文件代码配置

const version = new Date().getTime(); //在顶部定义版本号，获取当前时间戳

2. 搜索new HtmlWebpackPlugin

3. 找到output，在下面如图所示

以上三步即可避免vue-cli2打包部署出现缓存问题 

 

 vue cli3的配置方法：