如何实现动态路由权限

首先配置路由表，创建函数并且导出，设置一个状态，默认false没有添加新的路由，递归遍历菜单，在下面调用递归函数传入菜单，根据菜单的frontpath属性找到对应的路由，返回一个值，这个值是路由项，判断如果路由表中没有这个路由，就使用router.addRoute添加到路由表中，将设置的状态改为true，判断如果有子菜单并目子菜单长度大于0，递归遍历子菜单传入子菜单，然后进设置的状态return出去，在路由鉴权里面初始值一个状态，在判断有token的情况下，动态添加路由

// 添加动态路由
export function addRouter(menus) {
    // 定义一个变量
    let hasNewRouter = false
    // 定义一个递归函数
    const findAndRouterByMenu = (arr) => {
        // 遍历数组
        arr.forEach((e) => {
            // 查找路由表里面有没有这个路由
            let item = MunsRouter.find((o) => o.path === e.frontpath)
            // 如果有这个路由并且路由表里面没有这个路由
            if (item && !router.hasRoute(item.path)) {
                router.addRoute('admin', item)  // 添加路由
                hasNewRouter = true
            }
            // 如果有子路由 递归添加
            if (e.child && e.child.length > 0) {
                findAndRouterByMenu(e.child)
            }
        })
    }
    // 调用递归函数
    findAndRouterByMenu(menus)
    // 返回是否有新路由
    return hasNewRouter
}


// 前置路由守卫
router.beforeEach(async (to, from, next) => {
    // 如果没有token并且跳转的不是登录页
    let token = getToken()
    if (!token && to.path !== '/login') {
        toast('请先登录', 'error')
        return next({ path: '/login' })
    }

    // 如果有token并且跳转的是登录页
    if (token && to.path == '/login') {
        toast('请误重新登录', 'error')
        return next({
            path: from.path ? from.path : '/'
        })
    }
    // 如果有token
    // 定义一个变量
    let hasNewRouter = false
    if (token) {
        // 获取用户信息
        let { menus } = await store.dispatch('SET_USER')
        // 添加动态路由
        hasNewRouter = addRouter(menus)
    }
    // 如果有token并且跳转的不是登录页 
    hasNewRouter ? next(to.fullPath) : next()
})