vue ｜ 路由守卫

一、什么是路由守卫？

在路由跳转的时候能够进行重定向或一些其他的操作

二、类别

1、全局路由守卫

beforeEach(to, from, next)  //跳转，常用于登陆

​2、某个路由内独享的路由守卫

beforeEnter(to, from, next)  // 写在某个路由里面

​3、组件内的路由

beforeRouteEnter(to, from, next)   // 进入某路由时

beforeRouteUpdate(to, from, next)  // 更新某路由时

beforeRouteLeave(to, from, next)  // 离开某路由时

 

三、参数说明

to: 要进入的路由

from: 要离开的路由

next: 是否可以进入或某个具体的路由路径

next的一些常用写法

=> next('/')、next({path: '/'})、next()、next(false)、next( (xx) => {})