vue2的路由守卫

593 阅读1分钟

vue路由钩子和路由守卫都是同一个意思。 路由的导航守卫 又叫做钩子函数(生命周期函数

路由守卫就是在页面跳转的时候获取token,如果说没有获取到就会被拦截下来,获取到了将会跳转页面(比如说首页)。

a.png

路由守卫一共有三种

第一种是全局路由守卫(beforeEach、 afterEach、beforeResolve)

1. beforeEach:页面加载之前

2. afterEach:页面加载之后

3. beforeResolve:用的比较少,和第一个相似

第二种 组件内的守卫(beforeEach、 afterEach、beforeResolve)

1. beforeEach:在渲染该组件的对象那个路由被confirm前调用

2. afterEach:当前路由改变,但是该组件被复用时调用

3. beforeResolve:用的比较少,和第一个相似

第三种独享守卫

beforeEnter路由进入之前

它有三个参数(to,from,next)

to:将要进入的路由对象

form:将要离开的路由对象

next: 这个参数是个函数,且必须调用,否则不能进入路由(页面空白)