vue路由守卫? 详解页面权限
- 所谓的路由守卫就是我们进行页面跳转的时候触发的钩子函数
- vue一共给我们提供三种路由守卫
- 全局路由守卫 beforeEach afterEach
- 组件路由守卫 beforeRouterEnter beforeRouterUpdate beforeRouterLeave
- 单个页面独享的路由守卫 beforeEnter
- 在每个钩子函数中 都有三个参数 分别是 to from next
- vue-router版本3.x中必须有next
- vue-router版本4.x中next可有可不有
- 在项目中 我们经常使用路由守卫实现进入页面的权限
- 比如: 用户登录之后 我们会把后台返回的token放入本地存储中或vuex中 当页面进行跳转时
如果token存在的话 则进入跳转页面 否则还回到登录页