1.1 什么是导航守卫
路由的导航守卫 又叫做路由的钩子函数 或者路由的生命周期函数 是在页面跳转的过程中到了某一个特定的时间节点会触发的钩子函数 有三种七个
全局守卫
beforeEach 全局前置守卫
bedoreResolve 路由解析之前
组件级守卫
beforeRouteEnter 路由进入之前
beforeRouteUpdate 路由更新之前
单个路由独享的守卫
beforeEnter 路由进入之前这些导航守卫有三个参数 to from next to 代表到哪儿去 from 代表从哪儿来 next 代表执行下一步
beforeRouteLeave 路由离开之前
1.2 导航守卫使用场景
在写代码的过程中我一般用导航守卫进行页面的鉴权处理,在用户登陆成功的时候,我们会把 token 和用户信息存到 vuex 或者本地存储中,代表了用户的登陆状态,在访问某个页面的时候判断是否存的有 token,就能正常访问这个页面,如果没有 token,那么就用 next 跳转到登陆页面
1.3 导航守卫执行顺序
全局前置
单个路由规则的
组件前置守卫
全局解析守卫
后置守卫