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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐