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()
}
相关推荐
用户52822903018013 分钟前
【学习笔记】ECMAScript 词法环境全解析
前端
青青家的小灰灰16 分钟前
React 架构进阶:自定义 Hooks 的高级设计模式与最佳实践
前端·react.js·前端框架
Angelial22 分钟前
Vite 性能瓶颈排查标准流程
前端
不要秃头啊23 分钟前
别再谈提效了:AI 时代的开发范式本质变了
前端·后端·程序员
青青家的小灰灰23 分钟前
深入理解事件循环:异步编程的基石
前端·javascript·面试
用泥种荷花32 分钟前
【LangChain.js学习】 向量数据库(内存/持久化)
前端
simon_luv_pho1 小时前
一行代码把网页变成 AI Agent?
前端
兆子龙1 小时前
模块联邦(Module Federation)详解:从概念到手把手 Demo
前端·架构
ZFSS1 小时前
Kimi Chat Completion API 申请及使用
前端·人工智能
没想好d1 小时前
通用管理后台组件库-8-表格组件
前端