本文详细介绍了Vue.js中的导航守卫，包括全局路由守卫、独享路由守卫和组件内路由守卫。这些守卫主要用于保护路由安全，如在跳转前进行权限验证。全局守卫包含前置和后置两种，前者在导航开始前触发，后者在每次路由切换后执行。独享路由守卫则针对特定路由设置，而组件内守卫分为进入和离开两种，分别在组件进入和离开时调用。
- 导航守卫的作用：保护
路由的的安全（权限），类似于“御前侍卫” - 分类：全局守卫、独享守卫、组件内守卫
- 使用导航守卫时，一般要对路由进行命名（name）
一、全局路由守卫
- 需要在暴露 router 之前设置
1. 全局前置路由守卫
- 通过
beforeEach()实现，在初始化以及每次路由切换之前和初始化会调用里面的函数 - 该函数接受三个参数
to,from,next- to：要跳转到的目标路由，可以获取到目标路由的信息
- from：从哪里来
- next:：放行函数，
必须加上 next()才会进行跳转，继续接下来的操作- next可以直接调用，即：
next()，表示放行所有的 - next 也可以放行到指定路由中，即：
next ( path ) next(false)：中断当前导航
- next可以直接调用，即：
2. 全局后置路由守卫
afterEach()- 初始化时执行、每次路由切换后执行
- 接收两个参数：to、from
- 后置路由守卫常用
最低0.47元/天 解锁文章
扫一扫
4745
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
