87 lines
1.8 KiB
JavaScript
87 lines
1.8 KiB
JavaScript
import { createRouter, createWebHistory } from "vue-router";
|
|
import { routes } from "./routes";
|
|
import { useUserStore } from "@/store/user";
|
|
import { ElMessage } from "element-plus";
|
|
import { useTabStore } from "@/store/tab";
|
|
import NProgress from "nprogress";
|
|
import { usePermissionStore } from "@/store/permission";
|
|
|
|
NProgress.configure({ easing: "ease", speed: 500 });
|
|
|
|
const router = createRouter({
|
|
history: createWebHistory(import.meta.env.PUBLIC_SERVER_PATH || "/"),
|
|
routes,
|
|
});
|
|
|
|
router.beforeEach(async (to) => {
|
|
NProgress?.start?.();
|
|
|
|
const userStore = useUserStore();
|
|
const permissionStore = usePermissionStore();
|
|
|
|
if (to.path === "/login") {
|
|
if (userStore.isLogined()) {
|
|
return "/";
|
|
}
|
|
return true;
|
|
}
|
|
|
|
if (!userStore.isLogined() && to.path !== "/login") {
|
|
ElMessage.warning("登录已过期，请先登录");
|
|
return "/login";
|
|
}
|
|
|
|
// 检查权限
|
|
if (to.meta.moduleId) {
|
|
await permissionStore.init();
|
|
|
|
const hasPermission = permissionStore.hasModulePermission(to.meta.moduleId);
|
|
|
|
if (!hasPermission) {
|
|
ElMessage.warning("您没有权限访问此页面");
|
|
return "/";
|
|
}
|
|
}
|
|
|
|
// 处理 tab 页路径
|
|
handleTabPath(to);
|
|
|
|
return true;
|
|
});
|
|
|
|
router.afterEach(() => {
|
|
NProgress?.done?.();
|
|
});
|
|
|
|
function handleTabPath(to) {
|
|
const path = to.path;
|
|
|
|
if (path === "/login") {
|
|
return;
|
|
}
|
|
|
|
const meta = to.meta;
|
|
const query = to.query;
|
|
|
|
// 处理标签页
|
|
if (meta.title) {
|
|
let displayTitle = meta.title;
|
|
if (query.id) {
|
|
displayTitle = `${meta.title} ${query.id}`;
|
|
}
|
|
|
|
const tabStore = useTabStore();
|
|
|
|
tabStore.addTab({
|
|
path: path,
|
|
fullPath: to.fullPath,
|
|
title: displayTitle,
|
|
params: to.params,
|
|
meta: to.meta,
|
|
query: to.query,
|
|
});
|
|
}
|
|
}
|
|
|
|
export default router;
|