mirror of
https://github.com/continew-org/continew-admin-ui.git
synced 2025-09-13 12:59:24 +08:00
121 lines
3.6 KiB
TypeScript
121 lines
3.6 KiB
TypeScript
import { Button, Message, Notification, Space } from '@arco-design/web-vue'
|
||
import router from '@/router'
|
||
import { useRouteStore, useUserStore } from '@/stores'
|
||
import { getToken } from '@/utils/auth'
|
||
import { isHttp } from '@/utils/validate'
|
||
|
||
// 版本更新
|
||
let versionTag: string | null = null // 版本标识
|
||
// 更新
|
||
const onUpdateSystem = (id: string) => {
|
||
Notification.remove(id)
|
||
window.location.reload()
|
||
}
|
||
// 关闭更新弹窗
|
||
const onCloseUpdateSystem = (id: string) => {
|
||
Notification.remove(id)
|
||
}
|
||
// 提示用户更新弹窗
|
||
const handleNotification = () => {
|
||
const id = `updateModel`
|
||
Notification.info({
|
||
id,
|
||
title: '新版本更新',
|
||
content: '当前系统检测到有新的版本，请及时更新',
|
||
duration: 0,
|
||
closable: true,
|
||
position: 'bottomRight',
|
||
footer: () => {
|
||
return h(Space, {}, () => [h(Button, { type: 'primary', onClick: () => onUpdateSystem(id) }, '更新'), h(Button, { type: 'secondary', onClick: () => onCloseUpdateSystem(id) }, '关闭')])
|
||
},
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 获取首页的 ETag 或 Last-Modified 值，作为当前版本标识
|
||
* @returns {Promise<string|null>} 返回 ETag 或 Last-Modified 值
|
||
*/
|
||
const getVersionTag = async () => {
|
||
const response = await fetch('/', {
|
||
cache: 'no-cache',
|
||
})
|
||
return response.headers.get('etag') || response.headers.get('last-modified')
|
||
}
|
||
|
||
/**
|
||
* 比较当前的 ETag 或 Last-Modified 值与最新获取的值
|
||
*/
|
||
const compareTag = async () => {
|
||
const newVersionTag = await getVersionTag()
|
||
if (versionTag === null) {
|
||
versionTag = newVersionTag
|
||
} else if (versionTag !== newVersionTag) {
|
||
// 如果 ETag 或 Last-Modified 发生变化，则认为有更新
|
||
// 提示用户更新
|
||
handleNotification()
|
||
}
|
||
}
|
||
|
||
/** 免登录白名单 */
|
||
const whiteList = ['/login', '/social/callback', '/pwdExpired']
|
||
|
||
/** 是否已经生成过路由表 */
|
||
let hasRouteFlag = false
|
||
export const resetHasRouteFlag = () => {
|
||
hasRouteFlag = false
|
||
}
|
||
|
||
router.beforeEach(async (to, from, next) => {
|
||
const userStore = useUserStore()
|
||
const routeStore = useRouteStore()
|
||
|
||
// 判断该用户是否登录
|
||
if (getToken()) {
|
||
if (to.path === '/login') {
|
||
// 如果已经登录，并准备进入 Login 页面，则重定向到主页
|
||
next()
|
||
} else {
|
||
if (!hasRouteFlag) {
|
||
try {
|
||
await userStore.getInfo()
|
||
if (userStore.userInfo.pwdExpired && to.path !== '/pwdExpired') {
|
||
Message.warning('密码已过期，请修改密码')
|
||
next('/pwdExpired')
|
||
}
|
||
const accessRoutes = await routeStore.generateRoutes()
|
||
accessRoutes.forEach((route) => {
|
||
if (!isHttp(route.path)) {
|
||
router.addRoute(route) // 动态添加可访问路由表
|
||
}
|
||
})
|
||
hasRouteFlag = true
|
||
// 确保添加路由已完成
|
||
// 设置 replace: true, 因此导航将不会留下历史记录
|
||
next({ ...to, replace: true })
|
||
} catch (error: any) {
|
||
// 过程中发生任何错误，都直接重置 Token，并重定向到登录页面
|
||
await userStore.logoutCallBack()
|
||
next(`/login?redirect=${to.path}`)
|
||
}
|
||
} else {
|
||
next()
|
||
}
|
||
}
|
||
} else {
|
||
// 如果没有 Token
|
||
if (whiteList.includes(to.path)) {
|
||
// 如果在免登录的白名单中，则直接进入
|
||
next()
|
||
} else {
|
||
// 其他没有访问权限的页面将被重定向到登录页面
|
||
next('/login')
|
||
}
|
||
}
|
||
|
||
// 生产环境开启检测版本更新
|
||
const isProd = import.meta.env.PROD
|
||
if (isProd) {
|
||
await compareTag()
|
||
}
|
||
})
|