vue项目的权限控制管理

import cookies from 'js-cookie'
import store from './store'
router.beforeEach(async(to, from, next) => {
if (cookies.get('sessionId')) {
if (to.path === '/login') {
next({ path: '/' }) //有token代表已经登录，那就直接进首页
} else {
// 有用户身份后任何跳转都可以
if (store.state.user.userInfo) {
next()
} else {
// 这里加权限校验（登录后要获取身份信息）
const resData = await store.dispatch('user/getInfo') //获取用户身份的接口信息
const isAdmin = ['ADMIN_USER'].includes(resData.userInfo)
store.commit('user/setUserInfo', resData.userInfo)//用户身份存到仓库
// asyncRoutes为特殊权限的路由
const accessRoutes = isAdmin ? asyncRoutes : []
for (let route of accessRoutes) {
// 添加name为home的路由的chiildren 里
router.addRoutes('home', route)
}
next({...to, replace: true})
}
}
} else {
// 防止无线循环
if (to.path === 'Login') {
next() //就是想去登录页，那就继续
} else {
next({
path: '/login' //在网址上想跳到其他的路由，则让其先登录
})
}
}
})