一分钟看懂vue路由守卫

一.全局守卫

所谓全局路由守卫，就是小区大门，整个小区就这一个大门，你想要进入其中任何一个房子，都需要经过这个大门的检查 全局路由守卫有个两个：一个是全局前置守卫，一个是全局后置守卫

1. router.beforeEach((to,from,next)=>{})

2. 回调函数中的参数，to：进入到哪个路由去，from：从哪个路由离开，next：函数，决定是否展示你要看到的路由页面。

3. 如下例：main.js中设置全局守卫

• 在main.js中，有一个路由实例化对象router。在main.js中设置守卫已是全局守卫。
• 如下，判断to.path当前将要进入的路径是否为登录或注册，如果是就执行next()，展示当前界面。如果不是，就弹出alert，然后移至登录界面。
• 这样就可实现，用户在未登录状态下，展示的一直是登录界面。

router.beforeEach((to,from,next)=>{
  if(to.path == '/login' || to.path == '/register'){
    next();
  }else{
    alert('您还没有登录，请先登录');
    next('/login');
  }
})

4. 全局后置钩子router.af