import router from './router'
|
import { useAppStoreWithOut } from '@/store/modules/app'
|
import type { RouteRecordRaw } from 'vue-router'
|
import { useTitle } from '@/hooks/web/useTitle'
|
import { useNProgress } from '@/hooks/web/useNProgress'
|
import { usePermissionStoreWithOut } from '@/store/modules/permission'
|
import { usePageLoading } from '@/hooks/web/usePageLoading'
|
import { NO_REDIRECT_WHITE_LIST } from '@/constants'
|
import { useUserStoreWithOut } from '@/store/modules/user'
|
|
const { start, done } = useNProgress()
|
|
const { loadStart, loadDone } = usePageLoading()
|
|
router.beforeEach(async (to, from, next) => {
|
start()
|
loadStart()
|
const permissionStore = usePermissionStoreWithOut()
|
const appStore = useAppStoreWithOut()
|
const userStore = useUserStoreWithOut()
|
if (userStore.getUserInfo) {
|
if (to.path === '/login') {
|
next({ path: '/' })
|
} else {
|
if (permissionStore.getIsAddRouters) {
|
next()
|
return
|
}
|
|
// 开发者可根据实际情况进行修改
|
const roleRouters = userStore.getRoleRouters || []
|
|
// 是否使用动态路由
|
if (appStore.getDynamicRouter) {
|
appStore.serverDynamicRouter
|
? await permissionStore.generateRoutes('server', roleRouters as AppCustomRouteRecordRaw[])
|
: await permissionStore.generateRoutes('frontEnd', roleRouters as string[])
|
} else {
|
await permissionStore.generateRoutes('static')
|
}
|
|
permissionStore.getAddRouters.forEach((route) => {
|
router.addRoute(route as unknown as RouteRecordRaw) // 动态添加可访问路由表
|
})
|
const redirectPath = from.query.redirect || to.path
|
const redirect = decodeURIComponent(redirectPath as string)
|
const nextData = to.path === redirect ? { ...to, replace: true } : { path: redirect }
|
permissionStore.setIsAddRouters(true)
|
next(nextData)
|
}
|
} else {
|
if (NO_REDIRECT_WHITE_LIST.indexOf(to.path) !== -1) {
|
next()
|
} else {
|
next(`/login?redirect=${to.path}`) // 否则全部重定向到登录页
|
}
|
}
|
})
|
|
router.afterEach((to) => {
|
useTitle(to?.meta?.title as string)
|
done() // 结束Progress
|
loadDone()
|
})
|
