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()
}
相关推荐
卷帘依旧11 分钟前
Promise链式调用原理
前端·javascript
光影少年12 分钟前
react 单向数据流理解
前端·react.js·掘金·金石计划
万少23 分钟前
可以免费使用的 DeepSeek-V4-Flash,很多人还不知道!
前端
anyup37 分钟前
全面重构的 uni-app 多平台上传组件,功能强到离谱!
前端·vue.js·uni-app
小赵同学WoW39 分钟前
作用域链与闭包
前端
暗不需求42 分钟前
告别“class 命名地狱”:从面向对象 CSS 到原子 CSS(Tailwind) 的思维跃迁
前端·css·react.js
幼儿园技术家1 小时前
前端如何做监控体系(埋点 → 上报 → 分析 → 数据分流)
前端·js or ts
盖丽男1 小时前
彻底搞懂:前端MVVM、后端MVC、DDD极致面向对象的区别与落地真相
前端·mvc
澄江静如练_1 小时前
vue2中使用provide和inject出现的问题
前端·vue
WebGirl2 小时前
【Vue3】withDefaults和defineProps设置默认值
vue.js