vue项目中缓存问题

单页面应用老是存在缓存问题，特别是在微信端，更新页面以后访问的仍是老页面，缓存的问题是由于用户访问的脚本地址并无改变，浏览器就会读取原来的脚本

网上有几种解决办法，首先列举一下

1.加meta，禁止页面缓存

若是有些功能须要页面缓存的话这种方式就不适用，并且禁止缓存以后用户的请求的次数就会增多，流量消耗过快。

2.手动改变脚本地址，webpack打包的时候加一个版本号，这样每次打包的脚本路径就不一样，浏览器就会从新读取脚本，解决缓存问题，上图说话

在config下的index.js中加一个version变量，而后修改assetsSubDirectory，而后打包以后就会是下图这种

这种测试过，有一个问题，就是项目中css中若是有使用背景图，背景图就会找不到，图片路径有问题，目前我没有办法解决，若是有大佬能解决，能够留言，多谢

3.加时间戳的方法，html页面加载脚本的时候给脚本后面加一个时间戳，原理和第二种同样，改变路径。直接上图

按照图上面加一个hash属性，获取时间戳

这是没加以前的

这是加过以后的