vue导航守卫——全局路径监听

vue导航守卫——全局路径监听

本文主要介绍如何通过vue的导航守卫进行路径的监听。

本文主要参考：

https://router.vuejs.org/zh-cn/advanced/navigation-guards.html

好，下面上货。

1、import router from ’./router'

2、进行路径的拦截

router.beforeEach((to, from, next) => {
  //这里能够跟踪路径的变化
  console.log(from);
  console.log(to);
  //最后通过钩子继续页面的跳转
  next();
});

3、这里需要记住的是，最后需要调用next();不然的话路由会在这里停止。

4、同时，路由的监听还能够针对特定的路径进行监听。可以参考上面的文章，这里不再赘述。