账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-router页面鉴权
    24
    0

    问题一:
    我想实现的效果是,登陆之后可以跳转到个人中心页面
    比如我现在的个人中心页面url是这样的

    http://localhost:8089/user

    在未登录状态下,是没有按钮可以点击跳转到这个路由下的,但是直接在浏览器输入可以到达这个路由下
    我现在在main.js下做的处理

    router.beforeEach((to, from, next) => {
      // 判断要去的路由界面是不是要鉴权
      if (to.meta.checkLogined) {
    // 查看是否登陆
    if (!store.state.userInfo) {
      // 没登录的做处理
      next({
        path: '/home'
      })
    } else {
      // 登陆的正常跳
      next()
        }
      } else {
        // 不需要鉴权的正常跳
        next()
      }
    })

    路由router.js

       {
      path: '/user',
      name: 'user',
      meta: {checkLogined: true},
      component: user,
      children: [
        {
          path: '/user/openShow',
          name: 'openShow',
          component: openShow,
          children:[
            {
              path: '/user/openShow/step1',
              name: 'step1',
              meta: {checkLogined: true},
              component: step1
            }
           ]
         }]
       }

    我更改的鉴定状态发现正常点击的情况下是可以处理的,但是在浏览器直接输入地址还是无法处理。
    另外,我在父路由做了鉴权,其子路由依然需要单独的增加meta属性吗?也就是说,父路由可以被拦截处理,但是加上子路由就不行?
    问题二: 我在子路由依然有一些权限需要来管理能否跳转,这样的话又该怎么做?需要单独写beforeEach来处理,还是统一写在mainjs里?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ↗冷殇ε 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部