首先，了解什么是路由守卫，拿来做什么
在项目中，没次路由的切换或者页面的刷新都需要我们判断用户是否已经登录；
而vue-router提供了导航钩子：
全局前置导航钩子 beforeEach和全局后置导航钩子 afterEach，这两钩子函数会在路由即将改变前和改变后进行触发；
当然有全局的也有独享的，他需要在路由配置的时候进行配置；
还有组件路由守卫，他是写在每个单独的vue文件里面的路由守卫。
这里还要说到导航钩子提供的三个参数：
to：即将要进入的目标路由对象；
from：当前导航即将要离开的路由对象；
next ：只有在调用该方法后，路由才会改变，才能进入下一个钩子函数（afterEach）。
注意：
1. 路由独享守卫
2. 组件路由守卫
3. 全局路由守卫
前置守卫：一般会用来判断用户是否登录，未登录则跳转登录页
后置守卫：和beforeEach不同的是afterEach不接收第三个参数 next 函数，也不会改变导航本身
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
如需转载请保留出处：https://bianchenghao.cn/bian-cheng-ri-ji/29354.html