使用方式,只需要 两个位置导入使用 即可: 1、「如果是原生开发,第一步可以改为手动创建文件,并每次修改版本号即可」在打包配置文件中(例如:vue.config.js)创建版本文件,因为只需要 build 时才需要创建版本文件,版本文件以时间戳为版本号,所以不需要操心。 // 在 build 时,每次创建/更新版本文件
const version = require('./src/utils/version')
version.create()
![请添加图片描述](https://img-blog.csdnimg.cn/2abc3f6abd3b47ac90aa539b10e993ed.png) 2、打包有了版本号,发布上去后,那就需要拉回来校验是否有新版本,所以推荐放到路由守卫里面检查,这个网络要求不高,怕影响跳转体验无感,可以放置在 路由跳转后 的回调中操作,这样更新版本了,切换页面,发现有新版本直接强刷到最新版本。 import router from '@/router'
const version = require('@/utils/version')
// 路由跳转后执行
router.afterEach((to, from) => {
// 如果不想每个路由都检查是否有新版本,只需要在特定的页面才需要检查版本,可以在这里做白名单判断
// 兼容版本,如果是新版本则进行刷新并缓存
version.getPro()
})
// 路由跳转前执行
router.beforeEach((to, from, next) => {
next()
})
![请添加图片描述](https://img-blog.csdnimg.cn/07523acf4d974f3fa0aa15b627c26c94.png)
|