完美解决

2023-12-04 05:21| 来源: 网络整理| 查看: 265

使用方式，只需要两个位置导入使用即可：

1、「如果是原生开发，第一步可以改为手动创建文件，并每次修改版本号即可」在打包配置文件中（例如：vue.config.js）创建版本文件，因为只需要 build 时才需要创建版本文件，版本文件以时间戳为版本号，所以不需要操心。

// 在 build 时，每次创建/更新版本文件 const version = require('./src/utils/version') version.create()

请添加图片描述

2、打包有了版本号，发布上去后，那就需要拉回来校验是否有新版本，所以推荐放到路由守卫里面检查，这个网络要求不高，怕影响跳转体验无感，可以放置在路由跳转后的回调中操作，这样更新版本了，切换页面，发现有新版本直接强刷到最新版本。

import router from '@/router' const version = require('@/utils/version') // 路由跳转后执行 router.afterEach((to, from) => { // 如果不想每个路由都检查是否有新版本，只需要在特定的页面才需要检查版本，可以在这里做白名单判断 // 兼容版本，如果是新版本则进行刷新并缓存 version.getPro() }) // 路由跳转前执行 router.beforeEach((to, from, next) => { next() })

请添加图片描述

【本文地址】

公司简介

联系我们