vue全局路由守卫

Posted 2023-03-14

参考技术A /* 全局路由守卫 */

router.beforeEach((to,from,next)=>

//  to表示要去的路由

// from表示之前的路由

// next 表示必须要执行的函数 表示跳转的方法

// console.log("to",to);

// console.log("from",from);

next()

)

/* 监听全局路由离开时触发的钩子函数 */

/* ★没有next函数 */

// from表示之前的路由

// next 表示必须要执行的函数 表示跳转的方法

// router.afterEach((to,from)=>

// console.log("to",to);

// console.log("from",from);

// )

局部路由守卫

只在别的页面进入当前页面触发，进入别的页面不会触发



    path:'/ChildB',

    name:'ChildB',

    component: ()=> import('../views/ChildB.vue'),

    beforeEnter: (to, from, next) =>

      console.log("to",to);

      console.log('from',from);

      next()