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()
}
相关推荐
無名路人2 分钟前
uniApp 小程序 vue3 app.vue静默登录其他页面等待登录完成方式二
前端·微信小程序·ai编程
CoCo的编程之路7 分钟前
2026 前端效能飞跃:深度解析智能助手的页面构建最大化方案
前端·人工智能·ai编程·智能编程助手·文心快码baiducomate
JavaAgent架构师35 分钟前
前端AI工程化(一):AI通信协议深度解析
前端·人工智能
林恒smileZAZ38 分钟前
前端如何让图片、视频、pdf等文件在浏览器直接下载而非预览
前端·pdf
孙69034241 分钟前
electron播放本地任意格式的视频
前端·javascript
小小小小宇1 小时前
设计稿转代码:如何将生成代码与内部组件库关联
前端
七牛云行业应用1 小时前
别每个 AI 工具单独配了!MCP 一次搭建,Claude、Cursor、TRAE 全能用
前端
_xaboy1 小时前
FormCreate 设计器 v6.3 正式发布:AI 表单助理3.0登场!
前端·vue.js·低代码·开源·表单设计器
胡志辉1 小时前
邮件中点击“加载图片”,你的IP地址已经被泄漏
前端·后端·安全
openKaka_1 小时前
reconcileChildren 深入:React 如何根据 ReactElement 构建子 Fiber
前端·javascript·react.js