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()
}
相关推荐
天人合一peng13 小时前
Unity中button 和toggle监听事件函数有无参数
前端·unity·游戏引擎
春生野草13 小时前
Redis
数据库·redis·缓存
方也_arkling14 小时前
别名路径联想提示。@/统一文件路径的配置
前端·javascript
毕设源码-朱学姐14 小时前
【开题答辩全过程】以 基于web教师继续教育系统的设计与实现为例,包含答辩的问题和答案
前端
web打印社区14 小时前
web-print-pdf:突破浏览器限制,实现专业级Web静默打印
前端·javascript·vue.js·electron·html
RFCEO14 小时前
前端编程 课程十三、:CSS核心基础1:CSS选择器
前端·css·css基础选择器详细教程·css类选择器使用方法·css类选择器命名规范·css后代选择器·精准选中嵌套元素
Amumu1213815 小时前
Vuex介绍
前端·javascript·vue.js
We་ct15 小时前
LeetCode 54. 螺旋矩阵:两种解法吃透顺时针遍历逻辑
前端·算法·leetcode·矩阵·typescript
2601_9494800615 小时前
【无标题】
开发语言·前端·javascript
css趣多多15 小时前
Vue过滤器
前端·javascript·vue.js