|
|
@ -10,43 +10,34 @@ import type { Router, RouteRecordRaw } from 'vue-router'; |
|
|
|
import { usePermissionStoreWithOut } from '/@/store/modules/permission'; |
|
|
|
import { usePermissionStoreWithOut } from '/@/store/modules/permission'; |
|
|
|
import { PageEnum } from '/@/enums/pageEnum'; |
|
|
|
import { PageEnum } from '/@/enums/pageEnum'; |
|
|
|
import { useUserStoreWithOut } from '/@/store/modules/user'; |
|
|
|
import { useUserStoreWithOut } from '/@/store/modules/user'; |
|
|
|
import { PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic'; |
|
|
|
import { PAGE_NOT_FOUND_NAME } from '/@/router/constant'; |
|
|
|
import { RootRoute } from '/@/router/routes'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const LOGIN_PATH = PageEnum.BASE_LOGIN; |
|
|
|
const LOGIN_PATH = PageEnum.BASE_LOGIN; |
|
|
|
const ROOT_PATH = RootRoute.path; |
|
|
|
const ROOT_HOME = PageEnum.ROOT_HOME; |
|
|
|
|
|
|
|
/** 设置路由白名单 */ |
|
|
|
const whitePathList: PageEnum[] = [ LOGIN_PATH ]; |
|
|
|
const whitePathList: PageEnum[] = [ LOGIN_PATH ]; |
|
|
|
|
|
|
|
|
|
|
|
export function createPermissionGuard(router: Router) { |
|
|
|
export function createPermissionGuard(router: Router) { |
|
|
|
const userStore = useUserStoreWithOut(); |
|
|
|
const userStore = useUserStoreWithOut(); |
|
|
|
const permissionStore = usePermissionStoreWithOut(); |
|
|
|
const permissionStore = usePermissionStoreWithOut(); |
|
|
|
router.beforeEach(async (to, from, next) => { |
|
|
|
router.beforeEach(async (to, from, next) => { |
|
|
|
if ( |
|
|
|
// 首次登录进来进行跳转页面
|
|
|
|
from.path === ROOT_PATH && |
|
|
|
if (from.path === ROOT_HOME && to.path === PageEnum.BASE_HOME && userStore.getUserInfo.homePath !== PageEnum.BASE_HOME) { |
|
|
|
to.path === PageEnum.BASE_HOME && |
|
|
|
|
|
|
|
userStore.getUserInfo.homePath && |
|
|
|
|
|
|
|
userStore.getUserInfo.homePath !== PageEnum.BASE_HOME |
|
|
|
|
|
|
|
) { |
|
|
|
|
|
|
|
next(userStore.getUserInfo.homePath); |
|
|
|
next(userStore.getUserInfo.homePath); |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 白名单可直接进入
|
|
|
|
// 白名单可直接进入
|
|
|
|
if (whitePathList.includes(to.path as PageEnum)) { |
|
|
|
if (whitePathList.includes(to.path as PageEnum)) { |
|
|
|
next(); |
|
|
|
next(); |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const token = userStore.getAccessToken; |
|
|
|
const token = userStore.getAccessToken; |
|
|
|
|
|
|
|
|
|
|
|
// 令牌不存在
|
|
|
|
// 令牌不存在
|
|
|
|
if (!token) { |
|
|
|
if (!token) { |
|
|
|
// 您可以在未经许可的情况下访问。您需要将路由 meta.ignoreAuth 设置为 true
|
|
|
|
// 您可以在未经许可的情况下访问,您需要将路由meta.ignoreAuth设置为true
|
|
|
|
if (to.meta.ignoreAuth) { |
|
|
|
if (to.meta.ignoreAuth) { |
|
|
|
next(); |
|
|
|
next(); |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 重定向登录页面
|
|
|
|
// 重定向登录页面
|
|
|
|
const redirectData: { path: string; replace: boolean; query?: Recordable<string> } = { |
|
|
|
const redirectData: { path: string; replace: boolean; query?: Recordable<string> } = { |
|
|
|
path: LOGIN_PATH, |
|
|
|
path: LOGIN_PATH, |
|
|
@ -61,31 +52,23 @@ export function createPermissionGuard(router: Router) { |
|
|
|
next(redirectData); |
|
|
|
next(redirectData); |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
// 处理完登录后未找到页面直接跳转到404页面
|
|
|
|
// 处理完登录后未找到页面直接跳转到404页面
|
|
|
|
if ( |
|
|
|
if (from.path === LOGIN_PATH && to.name === PAGE_NOT_FOUND_NAME && to.fullPath !== (userStore.getUserInfo.homePath || PageEnum.BASE_HOME)) { |
|
|
|
from.path === LOGIN_PATH && |
|
|
|
|
|
|
|
to.name === PAGE_NOT_FOUND_ROUTE.name && |
|
|
|
|
|
|
|
to.fullPath !== (userStore.getUserInfo.homePath || PageEnum.BASE_HOME) |
|
|
|
|
|
|
|
) { |
|
|
|
|
|
|
|
next(userStore.getUserInfo.homePath || PageEnum.BASE_HOME); |
|
|
|
next(userStore.getUserInfo.homePath || PageEnum.BASE_HOME); |
|
|
|
console.log({ from, to }); |
|
|
|
console.log({ from, to }); |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
if (permissionStore.getIsDynamicAddedRoute) { |
|
|
|
if (permissionStore.getIsDynamicAddedRoute) { |
|
|
|
next(); |
|
|
|
next(); |
|
|
|
return; |
|
|
|
return; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const routes = await permissionStore.buildRoutesAction(); |
|
|
|
const routes = await permissionStore.buildRoutesAction(); |
|
|
|
routes.forEach((route) => { |
|
|
|
routes.forEach((route) => { |
|
|
|
router.addRoute(route as unknown as RouteRecordRaw); |
|
|
|
router.addRoute(route as unknown as RouteRecordRaw); |
|
|
|
}); |
|
|
|
}); |
|
|
|
router.addRoute(PAGE_NOT_FOUND_ROUTE as unknown as RouteRecordRaw); |
|
|
|
|
|
|
|
permissionStore.setDynamicAddedRoute(true); |
|
|
|
permissionStore.setDynamicAddedRoute(true); |
|
|
|
|
|
|
|
|
|
|
|
if (to.name === PAGE_NOT_FOUND_ROUTE.name) { |
|
|
|
if (to.name === PAGE_NOT_FOUND_NAME) { |
|
|
|
// 动态添加路由后,此处应当重定向到fullPath,否则会加载404页面内容
|
|
|
|
// 动态添加路由后,此处应当重定向到fullPath,否则会加载404页面内容
|
|
|
|
// fix: 添加query以免丢失
|
|
|
|
// fix: 添加query以免丢失
|
|
|
|
next({ path: to.fullPath, replace: true, query: to.query }); |
|
|
|
next({ path: to.fullPath, replace: true, query: to.query }); |
|
|
|