vue中的路由守卫

文章浏览阅读134次,点赞5次,收藏3次。使用原理:在登陆之前判断token是否存在,如果存在就允许跳转,不存在就不允许跳转。全局前置守卫在每次路由切换前都会执行,而全局后置钩子只有在路由切换完成后才会执行。如果在全局前置守卫中没有调用next()函数,那么导航将会被中断,并抛出一个错误。如果在全局前置守卫中调用了next()函数,则不会执行全局后置钩子。全局前置守卫中,next()函数必须调用,否则导航将无法继续。1. to:即将要进入的目标路由的对象。2. from 当前路由正要离开的路由。使用场景:登录注册页面。3.next 确认放行。