Vue打包文件放在服务器后，浏览器存在缓存问题

每次打包更新版本发到服务器上，致使偶尔会出现不能即便更新最新代码，浏览器存在缓存的问题。

解决方法：找到webpack .prod.conf.js

   1.定义版本变量： const  Version = new Date().getTime(); // 这里使用的是时间戳 来区分 

output: {
    path: config.build.assetsRoot,
    filename: utils.assetsPath('js/[name].[chunkhash].'+_Version+'js'),
    chunkFilename: utils.assetsPath('js/[id].[chunkhash].'+_Version+'js')
  },

而后直接 npm run build 打包后 就能够看到dist 文件里的js 文件名带上里版本号

 

可是 ，咱们发现 vue-cli里的默认配置，css和js的名字都加了哈希值，因此新版本css、js和就旧版本的名字是不一样的，不会有缓存问题。那么就多是打包好的index.html放到服务器里去的时候，index.html在服务器端多是有缓存的，这须要在服务器配置不让缓存index.html  

二、nginx 配置，让index.html不缓存

在开发调试web的时候，常常会碰到因浏览器缓存(cache)而常常要去清空缓存或者强制刷新来测试的烦恼，提供下apache不缓存配置和nginx不缓存配置的设置。在经常使用的缓存设置里面有两种方式，都是使用add_header来设置：分别为Cache-Control和Pragma。

add_header Cache-Control no-store;
add_header Pragma no-cache;

no-cache浏览器会缓存，但刷新页面或者从新打开时 会请求服务器，服务器能够响应304，若是文件有改动就会响应200 
no-store浏览器不缓存，刷新页面须要从新下载页面