refactor: config of async router and guards of router; 🌟

重构：异步路由配置和路由守卫配置；

src/utils/authority-utils.js

@@ -0,0 +1,50 @@
+/**
+ * 判断是否有路由的权限
+ * @param route 路由
+ * @param permissions 用户权限集合
+ * @returns {boolean|*}
+ */
+function hasPermission(route, permissions) {
+  const authority = route.meta.authority || '*'
+  let required = '*'
+  if (typeof authority === 'string') {
+    required = authority
+  } else if (typeof authority === 'object') {
+    required = authority.permission
+  }
+  return required === '*' || (permissions && permissions.findIndex(item => item === required || item.id === required) !== -1)
+}
+
+/**
+ * 判断是否有路由需要的角色
+ * @param route 路由
+ * @param roles 用户角色集合
+ */
+function hasRole(route, roles) {
+  const authority = route.meta.authority || '*'
+  let required = undefined
+  if (typeof authority === 'object') {
+    required = authority.role
+  }
+  return authority === '*' || hasAnyRole(required, roles)
+}
+
+/**
+ * 判断是否有需要的任意一个角色
+ * @param required {String | Array[String]} 需要的角色，可以是单个角色或者一个角色数组
+ * @param roles 拥有的角色
+ * @returns {boolean}
+ */
+function hasAnyRole(required, roles) {
+  if (!required) {
+    return false
+  } else if(Array.isArray(required)) {
+    return roles.findIndex(role => {
+      return required.findIndex(item => item === role || item === role.id) !== -1
+    }) !== -1
+  } else {
+    return roles.findIndex(role => role === required || role.id === required) !== -1
+  }
+}
+
+export {hasPermission, hasRole}

src/utils/routerUtil.js

@@ -1,8 +1,6 @@
-import routerMap from '@/router/router.map'
+import routerMap from '@/router/async/router.map'
 import {mergeI18nFromRoutes} from '@/utils/i18n'
 import Router from 'vue-router'
-import {loginIgnore} from '@/router'
-import {checkAuthorization} from '@/utils/request'
 
 /**
  * 根据 路由配置 和 路由组件注册 解析路由
@@ -97,86 +95,6 @@ function mergeRoutes(target, source) {
   return Object.values(routesMap)
 }
 
-/**
- * 登录守卫
- * @param router 应用路由实例
- */
-function loginGuard(router) {
-  router.beforeEach((to, from, next) => {
-    if (!loginIgnore.includes(to) && !checkAuthorization()) {
-      next({path: '/login'})
-    } else {
-      next()
-    }
-  })
-}
-
-/**
- * 权限守卫
- * @param router 应用路由实例
- * @param store 应用的 vuex.store 实例
- */
-function authorityGuard(router, store) {
-  router.beforeEach((to, form, next) => {
-    const permissions = store.getters['account/permissions']
-    const roles = store.getters['account/roles']
-    if (!hasPermission(to, permissions) && !hasRole(to, roles)) {
-      next({path: '/403'})
-    } else {
-      next()
-    }
-  })
-}
-
-/**
- * 判断是否有路由的权限
- * @param route 路由
- * @param permissions 用户权限集合
- * @returns {boolean|*}
- */
-function hasPermission(route, permissions) {
-  const authority = route.meta.authority || '*'
-  let required = '*'
-  if (typeof authority === 'string') {
-    required = authority
-  } else if (typeof authority === 'object') {
-    required = authority.permission
-  }
-  return required === '*' || (permissions && permissions.findIndex(item => item === required || item.id === required) !== -1)
-}
-
-/**
- * 判断是否有路由需要的角色
- * @param route 路由
- * @param roles 用户角色集合
- */
-function hasRole(route, roles) {
-  const authority = route.meta.authority || '*'
-  let required = undefined
-  if (typeof authority === 'object') {
-    required = authority.role
-  }
-  return authority === '*' || hasAnyRole(required, roles)
-}
-
-/**
- * 判断是否有需要的任意一个角色
- * @param required {String | Array[String]} 需要的角色，可以是单个角色或者一个角色数组
- * @param roles 拥有的角色
- * @returns {boolean}
- */
-function hasAnyRole(required, roles) {
-  if (!required) {
-    return false
-  } else if(Array.isArray(required)) {
-    return roles.findIndex(role => {
-      return required.findIndex(item => item === role || item === role.id) !== -1
-    }) !== -1
-  } else {
-    return roles.findIndex(role => role === required || role.id === required) !== -1
-  }
-}
-
 /**
  * 格式化路由的权限配置
  * @param routes
@@ -222,4 +140,24 @@ function getI18nKey(path) {
   return keys.join('.')
 }
 
-export {parseRoutes, loadRoutes, loginGuard, authorityGuard, formatAuthority, getI18nKey}
+/**
+ * 加载导航守卫
+ * @param guards
+ * @param options
+ */
+function loadGuards(guards, options) {
+  const {beforeEach, afterEach} = guards
+  const {router} = options
+  beforeEach.forEach(guard => {
+    if (guard && typeof guard === 'function') {
+      router.beforeEach((to, from, next) => guard(to, from, next, options))
+    }
+  })
+  afterEach.forEach(guard => {
+    if (guard && typeof guard === 'function') {
+      router.afterEach((to, from) => guard(to, from, options))
+    }
+  })
+}
+
+export {parseRoutes, loadRoutes, formatAuthority, getI18nKey, loadGuards}