vue实现未登录不能访问某些页面

1.在需要拦截的页面路由加上 meta: { requireAuth: true },

2.在main.js加上判断即可

router.beforeEach((to, from, next) => {
  if (to.meta.requireAuth) {  // 需要权限
      //判断当前是否拥有权限
      if (getUserInfo().user_sub) {
          next();
      } else {  // 无权,跳转登录
        mgr.signinRedirect();
      }
  } else {  // 不需要权限,直接访问
      next();
  }
})

具体代码:

1.vue实现未登录不能访问某些页面_第1张图片

 2.

vue实现未登录不能访问某些页面_第2张图片

 

你可能感兴趣的:(vue,页面遇到的基础问题,前端,javascript,html)