您的位置:首页 > Web前端 > Vue.js

Vue项目中判断用户是否登录的拦截问题

2019-06-14 12:57 1021 查看

1、在进入页面时,拦截路由进行登录判断,需要进行以下两部分:

// 全局路由导航拦截
router.beforeEach((to, from, next) => {
// ...
if (to.path === '/login') { // 如果是登录页面路径,就直接next()
next()
} else { // 其他页面路径
let token = sessionStorage.getItem('userToken') // 获取用户登录token
if (token === null || token === '') { // 如果token不存在或者为空
next({ path: '/login' }) // 则跳转到登录页
}
}
})
// 路由独享导航拦截
beforeEnter: (to, from, next) => {
// 判断用户是否登录
let token = sessionStorage.getItem('userToken')
if (token === null || token === '') {
next({ path: '/login' })
} else {
next()
}
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: