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

 

posted @ 2024-08-28 14:45  洛飞  阅读(19)  评论(0)    收藏  举报