vue2的路由守卫（钩子函数），路由死循环怎么解决，高级前端开发面试解答之线程篇

1. router.beforeEach 全局前置守卫 进入路由之前

2. router.beforeResolve 全局解析守卫，在beforeRouteEnter调用之后调用

3. router.afterEach 全局后置钩子 进入路由之后

使用方法：

// main.js 入口文件

import router from ‘./router’; // 引入路由

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

next();

});

router.beforeResolve((to, from, next) => {

next();

});

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

console.log(‘afterEach 全局后置钩子’);

});

to,from,next 这三个参数：

to和from是将要进入和将要离开的路由对象,路由对象指的是平时通过this. r o u t e 获取到的路由信息配置对象，比如 p a t h 传参 t h i s . route获取到的路由信息配置对象，比如path传参 this. <