关于解决项目运行时出现的缓存问题

解决方案

1：使用版本号，例如：app.js?v=1.0.1

使用版本号解决缓存问题的优缺点：

　　优点：可以解决浏览器缓存问题

　　缺点：使用了版本号之后，其他的资源也都需要加上版本号，一个版本升级，全部都升级（升级之后用户访问时需重新加载文件）

2：更好的解决方法是：当文件有改动的时候再更新他，没有改动的时候就不变

　　生成的css和js文件以hash（哈希）的形式加载，

　　

 

　　当更新完之后重新打包，更新了哪个文件，页面就重新加载哪个文件，其他没有更新的则是走的缓存（webpack.prod.conf.js）

　　

　　　减少资源请求，加快访问速度

 

使用vue-cli脚手架搭建项目的时候，则是已经生成好相对应的方法，方便后续打包更新等操作

 

转载于:https://www.cnblogs.com/chao202426/p/10129323.html