vue路由守卫（vue路由守卫死循环）



---

系列文章目录：
[Vue]目录
老师的课件笔记，不含视频 https://www.aliyundrive.com/s/B8sDe5u56BU

笔记在线版： https://note.youdao.com/s/5vP46EPC

视频：尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通

---

---

路由守卫能够对路由进行权限控制，即在路由进行改变时，可以判断当前能否访问路由对应的组件。

路由守卫分为：全局守卫、独享守卫、组件内守卫。

全局前置路由守卫会在初始化时被触发，在每次进行路由的切换前也会被触发。

实现如果localStorage中存在school的值为SGG则可以对News组件和Message组件进行访问，如果school的值不为SGG则不能进行访问。其他组件可以不用判断直接放行。

router/index.js

在配置路由时，可以传入meta配置项，在meta配置项中可以写我们自己的数据，可以用于判断当前路由是否需要进行权限的判断。

全局后置路由守卫会在初始化时被触发，在每次进行路由的切换后也会被触发。

访问相关组件之后，实现页面标题根据当前不同组件进行切换。

独享路由守卫写在每个路由对应的配置中，即独享路由守卫是每个路由所独享的，独享路由守卫与全局前置路由守卫类似。

注意：独享路由守卫与全局路由守卫不一样，独享路由守卫不分前置和后置。

注释全局前置路由守卫

组件内路由守卫写在组件内，组件路由守卫有：
1.：通过路由规则，进入该组件时被调用
2.：通过路由规则，离开该组件时被调用

注释全局前置路由守卫与全局后置路由守卫

1. 作用：对路由进行权限控制
2. 分类：全局守卫、独享守卫、组件内守卫
3. 全局守卫:

4. 独享守卫:

5. 组件内守卫：

到此这篇vue路由守卫（vue路由守卫死循环）的文章就介绍到这了,更多相关内容请继续浏览下面的相关 推荐文章，希望大家都能在编程的领域有一番成就！

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/49184.html