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()
}
}