路由守卫

155 阅读1分钟

1、前端路由工作原理:用户点击导航区,引起路径的变化,前端路由器监测到,进行路由规则的匹配,在合适的地方展示组件

2、路由守卫作用:对路由进行权限控制

3、路由守卫分类:全局路由守卫、独享路由守卫,组件路由守卫

4、全局守卫

(1)全局前置守卫beforeEach----初始化/每次路由切换前执行

image.png

image.png

(2)全局后置守卫afterEach---初始化时执行、每次路由切换后执行

image.png

(3)写在以下位置 image.png

5、独享守卫(⚠️只有前置守卫,没有后置守卫)

原理分析:当用户点击了新闻这个单航,引起了路径的变化,前端路由器监测到,就需要进入我们配置好的路由规则,进行规则的对比,在进入之前(beforeEnter),执行(复习第一点的前端路由守卫原理) image.png

6、组件内守卫

在组件内部使用的守卫,注意是要通过路由规则的才会调用,如果是直接使用的是不生效的

image.png

页面一上来就有的,没有经过任何的路由规则

image.png