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()
})