vue 版本迭代更新自动刷新清缓存

方案:
1.每次构建打包文件输出时,给文件名加上时间戳,确保每次版本更新的文件名不一样,用于清缓存(文件:vue.config.js)
《vue 版本迭代更新自动刷新清缓存》
2.项目静态文件存储更新迭代的版本号,每次版本更新时,修改版本号(项目public目录下新建文件:version.json)
《vue 版本迭代更新自动刷新清缓存》
3.通过路由导航守卫监听localStorage存储的版本号,是否与更新后的静态文件版本号相同,如不同,则进行刷新页面操作,配合1步骤,就可以清缓存(文件:main.js versionUpdate.js)
《vue 版本迭代更新自动刷新清缓存》main.js
《vue 版本迭代更新自动刷新清缓存》
versionUpdate.js

    原文作者:DudleyLi
    原文地址: https://blog.csdn.net/weixin_43934420/article/details/123418104
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞