2023-02-02 16:07:38 +08:00
|
|
|
import router from '@/router'
|
|
|
|
|
import { filterAsyncRouter, progressClose, progressStart } from '@/hooks/use-permission'
|
|
|
|
|
import { useBasicStore } from '@/store/basic'
|
2023-02-22 11:21:49 +08:00
|
|
|
import { getUserInfo } from '@/api/user'
|
2023-02-02 16:07:38 +08:00
|
|
|
import { langTitle } from '@/hooks/use-common'
|
|
|
|
|
|
|
|
|
|
//路由进入前拦截
|
|
|
|
|
//to:将要进入的页面 vue-router4.0 不推荐使用next()
|
|
|
|
|
const whiteList = ['/login', '/404', '/401'] // no redirect whitelist
|
|
|
|
|
router.beforeEach(async (to) => {
|
|
|
|
|
progressStart()
|
|
|
|
|
document.title = langTitle(to.meta?.title) // i18 page title
|
|
|
|
|
const basicStore = useBasicStore()
|
|
|
|
|
//1.判断token
|
|
|
|
|
if (basicStore.token) {
|
|
|
|
|
if (to.path === '/login') {
|
|
|
|
|
return '/'
|
|
|
|
|
} else {
|
|
|
|
|
//2.判断是否获取用户信息
|
|
|
|
|
if (!basicStore.getUserInfo) {
|
|
|
|
|
try {
|
2023-02-22 11:21:49 +08:00
|
|
|
const userData = await getUserInfo()
|
2023-02-02 16:07:38 +08:00
|
|
|
//3.动态路由权限筛选
|
|
|
|
|
filterAsyncRouter(userData)
|
|
|
|
|
//4.保存用户信息到store
|
|
|
|
|
basicStore.setUserInfo(userData)
|
|
|
|
|
//5.再次执行路由跳转
|
|
|
|
|
return { ...to, replace: true }
|
|
|
|
|
} catch (e) {
|
|
|
|
|
console.error(`route permission error${e}`)
|
|
|
|
|
basicStore.resetState()
|
|
|
|
|
progressClose()
|
|
|
|
|
return `/login?redirect=${to.path}`
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
return true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
} else {
|
|
|
|
|
if (!whiteList.includes(to.path)) {
|
|
|
|
|
return `/login?redirect=${to.path}`
|
|
|
|
|
} else {
|
|
|
|
|
return true
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
//路由进入后拦截
|
|
|
|
|
router.afterEach(() => {
|
|
|
|
|
progressClose()
|
|
|
|
|
})
|
