vue能控制未登陆的请求不能访问url_vue路由钩子登录拦截 关于地址栏直接输入url拦截不成功…

  • Post author:
  • Post category:vue


如果我直接进入登录页,然后在登录页输入其他页面url,拦截是成功的。

但是如果我第一次没有进入登录页, 直接在url地址栏输入历史记录,进入里面的需要拦截的页面 居然可以直接进入

求解决 ,相关代码如下:

router.beforeEach((to, from, next) => {

if (to.matched.some(record => record.meta.requireAuth)) { // 判断该路由是否需要登录权限,能检测出带参数的路由

if (sessionStorage.getItem(‘sender’)) { // 通过vuex state获取当前的token是否存在

next()

} else {

next({

path: ‘/’,

query: {redirect: to.fullPath} // 将跳转的路由path作为参数,登录成功后跳转到该路由

})

}

} else {

next()

}

})

index.js:

export default new Router({

routes: [{

path: ‘/’,

name: ‘login’,

component: Login,

meta: { requireAuth: false // 添加该字段,表示进入这个路由是需要登录的

}

}, {

path: ‘/main’,

name: ‘main’,

meta: { requireAuth: true

},

component: Main,

children: [

{ path: ‘/share’,

meta: { requireAuth: true

},

component: Share }

]

}]

})



版权声明:本文为weixin_39564853原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。