moreShopAdmin/src/permission.ts

84 lines
2.7 KiB
TypeScript

/**
* 权限控制
*/
import NProgress from 'nprogress'
import router, { findFirstValidRoute } from './router'
import 'nprogress/nprogress.css'
import { isExternal } from './utils/validate'
import useUserStore from './stores/modules/user'
import { INDEX_ROUTE, INDEX_ROUTE_NAME } from './router/routes'
import { PageEnum } from './enums/pageEnum'
import useTabsStore from './stores/modules/multipleTabs'
import { clearAuthInfo } from './utils/auth'
import config from './config'
// NProgress配置
NProgress.configure({ showSpinner: false })
const loginPath = PageEnum.LOGIN
const defaultPath = PageEnum.INDEX
// 免登录白名单
const whiteList: string[] = [PageEnum.LOGIN, PageEnum.ERROR_403]
router.beforeEach(async (to, from, next) => {
// 开始 Progress Bar
NProgress.start()
document.title = to.meta.title ?? config.title
const userStore = useUserStore()
const tabsStore = useTabsStore()
if (whiteList.includes(to.path)) {
// 在免登录白名单,直接进入
next()
} else if (userStore.token) {
// 获取用户信息
const hasGetUserInfo = Object.keys(userStore.userInfo).length !== 0
if (hasGetUserInfo) {
if (to.path === loginPath) {
next({ path: defaultPath })
} else {
next()
}
} else {
try {
await userStore.getUserInfo()
const routes = userStore.routes
// 找到第一个有效路由
const routeName = findFirstValidRoute(routes)
// 没有有效路由跳转到403页面
if (!routeName) {
clearAuthInfo()
next(PageEnum.ERROR_403)
return
}
tabsStore.setRouteName(routeName!)
INDEX_ROUTE.redirect = { name: routeName }
// 动态添加index路由
router.addRoute(INDEX_ROUTE)
routes.forEach((route: any) => {
// https 则不插入
if (isExternal(route.path)) {
return
}
if (!route.children) {
router.addRoute(INDEX_ROUTE_NAME, route)
return
}
// 动态添加可访问路由表
router.addRoute(route)
})
next({ ...to, replace: true })
} catch (err) {
clearAuthInfo()
next({ path: loginPath, query: { redirect: to.fullPath } })
}
}
} else {
next({ path: loginPath, query: { redirect: to.fullPath } })
}
})
router.afterEach(() => {
NProgress.done()
})