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

解决方案

1:使用版本号,例如:app.js?v=1.0.1

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

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

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

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

  生成的css和js文件以hash(哈希)的形式加载,

  

 

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

  

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

 

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

 

posted @ 2018-12-17 01:29  超哥20  阅读(423)  评论(0编辑  收藏  举报