Vue全局前置守卫

router.beforeEach表示全局前置守卫，即从一个组件跳到另外一个组件这个过程可以进行控制。

        // 一打开页面的时候就会执行,访问任何一个组件都会触发
        router.beforeEach((to, from, next) => {
            console.log('全局前置导航守卫执行了');
            console.log(to,from);

            // 模拟未登录的拦截，login和register，其他的情况跳到login页面
            if (to.name == 'login' || to.name == 'register') {
                next()//放行
            } else {
                next('/login')
            }
            
            next()
        })