refactor: 使 router/permission 更易读 (#133)

src/router/permission.ts

@@ -19,15 +19,31 @@ router.beforeEach(async (to, _from, next) => {
   NProgress.start()
   const userStore = useUserStoreHook()
   const permissionStore = usePermissionStoreHook()
-  // 判断该用户是否登录
+  const token = getToken()
-  if (getToken()) {
+
-    if (to.path === "/login") {
+  // 判断该用户是否已经登录
-      // 如果已经登录，并准备进入 Login 页面，则重定向到主页
+  if (!token) {
-      next({ path: "/" })
+    // 如果在免登录的白名单中，则直接进入
-      NProgress.done()
+    if (isWhiteList(to)) {
+      next()
     } else {
-      // 检查用户是否已获得其权限角色
+      // 其他没有访问权限的页面将被重定向到登录页面
-      if (userStore.roles.length === 0) {
+      NProgress.done()
+      next("/login")
+    }
+    return
+  }
+
+  // 如果已经登录，并准备进入 Login 页面，则重定向到主页
+  if (to.path === "/login") {
+    NProgress.done()
+    return next({ path: "/" })
+  }
+
+  // 如果用户已经获得其权限角色
+  if (userStore.roles.length !== 0) return next()
+
+  // 否则要重新获取权限角色
   try {
     if (routeSettings.async) {
       // 注意：角色必须是一个数组！ 例如: ['admin'] 或 ['developer', 'editor']
@@ -41,9 +57,7 @@ router.beforeEach(async (to, _from, next) => {
       permissionStore.setRoutes(routeSettings.defaultRoles)
     }
     // 将'有访问权限的动态路由' 添加到 Router 中
-          permissionStore.dynamicRoutes.forEach((route) => {
+    permissionStore.dynamicRoutes.forEach((route) => router.addRoute(route))
-            router.addRoute(route)
-          })
     // 确保添加路由已完成
     // 设置 replace: true, 因此导航将不会留下历史记录
     next({ ...to, replace: true })
@@ -51,23 +65,8 @@ router.beforeEach(async (to, _from, next) => {
     // 过程中发生任何错误，都直接重置 Token，并重定向到登录页面
     userStore.resetToken()
     ElMessage.error(err.message || "路由守卫过程发生错误")
-          next("/login")
     NProgress.done()
-        }
-      } else {
-        next()
-      }
-    }
-  } else {
-    // 如果没有 Token
-    if (isWhiteList(to)) {
-      // 如果在免登录的白名单中，则直接进入
-      next()
-    } else {
-      // 其他没有访问权限的页面将被重定向到登录页面
     next("/login")
-      NProgress.done()
-    }
   }
 })