Vue中路由全局守卫

//注册全局守卫,作用是路由跳转前对路由进行判断,防止未登陆的用户跳转到其他页面去
router.beforeEach((to,from,next)=>{
    let token=localStorage.getItem('mytoken')
    //如果已经登录就不干涉
    if(token){
        next()
    }else{
        if(to.path!=='/login'){
            //如果没有登陆,但你访问其他需要登陆的页面,那就让你跳到登录页面
            next({path:'/login'})
        }else{
            //如果没有登陆,但你访问的login,那就不干涉,让你访问
            next()
        }
    }
})

你可能感兴趣的:(Vue,路由全局守卫)