本文介绍了Vue Router的路由守卫机制，包括全局守卫、单个路由守卫和组件内部守卫的使用方式，详细阐述了它们的参数和执行流程。特别是重点讲解了鉴权场景下的应用，如如何实现登录鉴权，防止未登录用户访问特定页面，以及在beforeRouteEnter、beforeRouteUpdate和beforeRouteLeave不同阶段如何操作以控制路由跳转。
概念：路由守卫就是路由跳转的一些验证，比如登录鉴权（没有登录不能进入个人中心页）等。
路由守卫分为三大类：
1. 全局守卫：前置守卫：beforeEach 后置钩子：afterEach
2. 单个路由守卫：独享守卫：beforeEnter
3. 组件内部守卫：beforeRouteEnter、 beforeRouteUpdate、 beforeRouteLeave
参数：所有的路由守卫都有三个参数
to： 要进入的目标路由（去哪儿）
from： 要离开的路由（从哪来）
next： 是否进行下一步（要不要继续）
写
next()相当于next(true)继续执行不写 相当于
next(false)终止执行
next(path)跳转 例如：next("/login")
注：后置钩子afterEach没有next参数。
详细使用：
1、全局前置守卫 beforEach：
router.beforeEach((to, from,
4038
995
2180
1838
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
最低0.47元/天 解锁文章
