首先,了解什么是路由守卫,拿来做什么
在项目中,没次路由的切换或者页面的刷新都需要我们判断用户是否已经登录;
而vue-router提供了导航钩子:
全局前置导航钩子 beforeEach和全局后置导航钩子 afterEach,这两钩子函数会在路由即将改变前和改变后进行触发;
当然有全局的也有独享的,他需要在路由配置的时候进行配置;
还有组件路由守卫,他是写在每个单独的vue文件里面的路由守卫。
这里还要说到导航钩子提供的三个参数:
to:即将要进入的目标路由对象;
from:当前导航即将要离开的路由对象;
next :只有在调用该方法后,路由才会改变,才能进入下一个钩子函数(afterEach)。
注意:
1. 路由独享守卫
2. 组件路由守卫
3. 全局路由守卫
前置守卫:一般会用来判断用户是否登录,未登录则跳转登录页
后置守卫:和beforeEach不同的是afterEach不接收第三个参数 next 函数,也不会改变导航本身
到此这篇路由守卫vue(路由守卫的作用和意义)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!
版权声明:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符,请将相关资料发送至xkadmin@xkablog.com进行投诉反馈,一经查实,立即处理!
转载请注明出处,原文链接:https://www.xkablog.com/qdvuejs/25867.html