解决方案
1:使用版本号,例如:app.js?v=1.0.1
使用版本号解决缓存问题的优缺点:
优点:可以解决浏览器缓存问题
缺点:使用了版本号之后,其他的资源也都需要加上版本号,一个版本升级,全部都升级(升级之后用户访问时需重新加载文件)
2:更好的解决方法是:当文件有改动的时候再更新他,没有改动的时候就不变
生成的css和js文件以hash(哈希)的形式加载,
当更新完之后重新打包,更新了哪个文件,页面就重新加载哪个文件,其他没有更新的则是走的缓存(webpack.prod.conf.js)
减少资源请求,加快访问速度
使用vue-cli脚手架搭建项目的时候,则是已经生成好相对应的方法,方便后续打包更新等操作