iview-admin权限控制

第一步

在路由的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'})
  }
})

到这里就是大功告成啦