关于Vue-router中的beforeEach()

全局前置守卫

我们可以通过router.beforeEach()来注册一个全局前置守卫：

const router = new VueRouter({
    ... })

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

里面的参数解析:

• to: Route: 即将要进入的目标 路由对象
• from: Route: 当前导航正要离开的路由
• next: 调用 next()方法才能进入下一个路由，否则的如果写了beforeEach方法，但是没有调用next()方法的话，页面会空白，不会跳转到任何页面的。默认不写 router.beforeEach((to, from, next) => {}) 的话，它是默认跳转到指定页面去的，当然如果重写这个方法的话，会覆盖默认的方法。因此如果写了调用了该方法的话，一定需要调用 next() 。

对于next()里面是可以传入参数的，具体可以看看官网。
这个地方讲一讲next()与next(’/login’)
区别就是前者不会再次调用router.beforeEach()，后者会重新调用一次beforeEach()*(这个地方很关键，因为很容易出现死循环)

实例应用场景：
当验证一个用户是否登录的时候可以使用
代码：

router.