vue路由守卫
程序员文章站
2022-03-24 18:29:21
...
// 路由守卫 拦截所有路由
router.beforeEach((to, from, next) => { //to:去哪个页面,from:来自哪个页面,next:放行
// 获取token
const token = window.localStorage.getItem('myusertoken')
// 判断
if (token) { // 如果有token 直接放行
next()
} else {
// a. 如果去的是登录 直接放行
if (to.path === '/login') {
next()
} else {
next({
path: '/login'
}) // b. 如果去的是其他页面,直接跳转到登录页面。
}
}
})