项目微调

frontend/src/routers/index.ts

@@ -1,17 +1,17 @@
-import { createRouter, createWebHashHistory, createWebHistory } from "vue-router";
-import { useUserStore } from "@/stores/modules/user";
-import { useAuthStore } from "@/stores/modules/auth";
-import { LOGIN_URL, ROUTER_WHITE_LIST } from "@/config";
-import { initDynamicRouter } from "@/routers/modules/dynamicRouter";
-import { staticRouter, errorRouter } from "@/routers/modules/staticRouter";
-import NProgress from "@/config/nprogress";
+import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
+import { useUserStore } from '@/stores/modules/user'
+import { useAuthStore } from '@/stores/modules/auth'
+import { LOGIN_URL, ROUTER_WHITE_LIST } from '@/config'
+import { initDynamicRouter } from '@/routers/modules/dynamicRouter'
+import { staticRouter, errorRouter } from '@/routers/modules/staticRouter'
+import NProgress from '@/config/nprogress'
 
-const mode = import.meta.env.VITE_ROUTER_MODE;
+const mode = import.meta.env.VITE_ROUTER_MODE
 
 const routerMode = {
   hash: () => createWebHashHistory(),
-  history: () => createWebHistory()
-};
+  history: () => createWebHistory(),
+}
 
 /**
  * @description 📚 路由参数配置简介
@@ -31,77 +31,76 @@ const routerMode = {
  * */
 const router = createRouter({
   history: routerMode[mode](),
-  routes: [...staticRouter, ...errorRouter],
+  routes: [...staticRouter],
   // 不区分路由大小写，非严格模式下提供了更宽松的路径匹配
   strict: false,
   // 页面刷新时，滚动条位置还原
-  scrollBehavior: () => ({ left: 0, top: 0 })
-});
+  scrollBehavior: () => ({ left: 0, top: 0 }),
+})
 
 /**
  * @description 路由拦截 beforeEach
  * */
 router.beforeEach(async (to, from, next) => {
-  const userStore = useUserStore();
-  const authStore = useAuthStore();
-
+  const userStore = useUserStore()
+  const authStore = useAuthStore()
   // 1.NProgress 开始
-  NProgress.start();
+  NProgress.start()
 
   // 2.动态设置标题
-  const title = import.meta.env.VITE_GLOB_APP_TITLE;
-  document.title = to.meta.title ? `${to.meta.title} - ${title}` : title;
+  const title = import.meta.env.VITE_GLOB_APP_TITLE
+  document.title = to.meta.title ? `${to.meta.title} - ${title}` : title
 
   // 3.判断是访问登陆页，有 Token 就在当前页面，没有 Token 重置路由到登陆页
   if (to.path.toLocaleLowerCase() === LOGIN_URL) {
-    if (userStore.token) return next(from.fullPath);
-    resetRouter();
-    return next();
+    if (userStore.token) return next(from.fullPath)
+    resetRouter()
+    return next()
   }
 
   // 4.判断访问页面是否在路由白名单地址(静态路由)中，如果存在直接放行
-  if (ROUTER_WHITE_LIST.includes(to.path)) return next();
+  if (ROUTER_WHITE_LIST.includes(to.path)) return next()
 
   // 5.判断是否有 Token，没有重定向到 login 页面
-  if (!userStore.token) return next({ path: LOGIN_URL, replace: true });
+  if (!userStore.token) return next({ path: LOGIN_URL, replace: true })
 
   // 6.如果没有菜单列表，就重新请求菜单列表并添加动态路由
   if (!authStore.authMenuListGet.length) {
-    await initDynamicRouter();
-    return next({ ...to, replace: true });
+    await initDynamicRouter()
+    return next({ ...to, replace: true })
   }
 
   // 7.存储 routerName 做按钮权限筛选
-  authStore.setRouteName(to.name as string);
+  authStore.setRouteName(to.name as string)
 
   // 8.正常访问页面
-  next();
-});
+  next()
+})
 
 /**
  * @description 重置路由
  * */
 export const resetRouter = () => {
-  const authStore = useAuthStore();
+  const authStore = useAuthStore()
   authStore.flatMenuListGet.forEach(route => {
-    const { name } = route;
-    if (name && router.hasRoute(name)) router.removeRoute(name);
-  });
-};
+    const { name } = route
+    if (name && router.hasRoute(name)) router.removeRoute(name)
+  })
+}
 
 /**
  * @description 路由跳转错误
  * */
 router.onError(error => {
-  NProgress.done();
-  console.warn("路由错误", error.message);
-});
+  NProgress.done()
+  console.warn('路由错误', error.message)
+})
 
 /**
  * @description 路由跳转结束
  * */
 router.afterEach(() => {
-  NProgress.done();
-});
+  NProgress.done()
+})
 
-export default router;
+export default router