vue+vite根据版本号清空用户浏览器缓存

项目生产环境发布新版本之后,用户可能会因为一些本地缓存的数据不一样而导致页面报错。这时候可以根据版本号去清空用户缓存。

1、在package.json文件中有一个管理版本号属性:version,在每次打包部署之前修改当前版本号。

2、在main.js文件中,加入版本号的判断逻辑,版本号不一致就重新加载,代码如下:

javascript 复制代码
//根据版本号清空用户缓存
import {version} from '../package.json';
const VUE_APP_VERSION = version
const vers = window.localStorage.getItem("Version");
if (VUE_APP_VERSION != vers) {
    localStorage.clear();
    sessionStorage.clear();
    Cookies.remove("token");
    window.localStorage.setItem("Version", VUE_APP_VERSION);
    location.reload()
}
相关推荐
掘金安东尼1 分钟前
TypeScript为何在AI时代登顶:Anders Hejlsberg 的十二年演化论
前端·javascript·面试
yong999014 分钟前
MATLAB倍频转换效率分析与最佳匹配角模拟
开发语言·前端·matlab
面向星辰19 分钟前
扣子开始节点和结束节点
java·服务器·前端
执携32 分钟前
Vue Router (命名视图)
前端·javascript·vue.js
John_Rey36 分钟前
Rust类型系统奇技淫巧:幽灵类型(PhantomData)——理解编译器与类型安全
前端·安全·rust
含若飞1 小时前
Vue 中 `watch` 与 `this.$watch` 使用指南
前端·javascript·vue.js
无名小兵2 小时前
前端渲染大体积 多页面pdf
前端
c0detrend2 小时前
读诗的时候我却使用了自己研发的Chrome元素截图插件
前端·chrome
希冀1232 小时前
【Vue】第五篇
前端·javascript·vue.js
Moonbit3 小时前
你行你上!MoonBit LOGO 重构有奖征集令
前端·后端·设计