iview-admin权限控制

    技术2022-07-10  145

    第一步

    在路由的meta里设置

    access: ['1'] //一个权限 access: ['1', '2', , '3', '4'] //多个权限

    第二步

    在vuex里设置

    state: { access: '', }, mutations: { setAccess (state, accesses) { let access = []; access.push(accesses) state.access = access; } }

    第三步

    在路由守卫里限制在地址栏输入能够跳转的问题

    router.beforeEach(async (to, from, next) => { iView.LoadingBar.start() //解决从路由输入能够跳转的问题 if (canTurnTo(to.name, store.state.user.access, routes)) { next() } else { router.push({path: '/401'}) } })

    到这里就是大功告成啦

    Processed: 0.011, SQL: 9