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 分钟前
从零实现「拍照记单词」小应用(可复刻版)
前端·javascript·人工智能
大猫会长7 分钟前
AudioContext给音频提高音量
前端·javascript·音视频
kerli12 分钟前
基于 kmp/cmp 的跨平台图片加载方案 - 适配 Android View/Compose/ios
android·前端·ios
RONIN27 分钟前
vue组件、组件生命周期、组件分离模块化
前端·vue.js
小强198828 分钟前
HTML5语义化标签:从`div`到`article`与`section`的进化之路
前端
RONIN28 分钟前
vue开发环境与基础语法、计算属性、侦听属性
前端·vue.js
WayneYang35 分钟前
JavaScript ES6+ (ES2015~ES2024) 全特性整理
前端·javascript
逆光如雪36 分钟前
移动端border-left 和 width:1px,同样写1px为什么粗细不同?
前端·css
千寻girling37 分钟前
被内推的面试 , 第一次
java·前端·python·面试·职场和发展·typescript·node.js
JustNow_Man1 小时前
Bun 常用命令速查清单(TypeScript 编译篇)
前端·javascript·typescript