vue路由守卫


讲解⻚⾯权限

所谓路由守卫就是页面跳转时触发的钩子函数,我们称之为路由守卫,vue一共给我们提供了三种路由守卫,分别是全局路由守卫,组件内路由守卫,路由独享守卫,路由独享守卫是写在路由中的,这三种路由守卫都会有beforeEach,beforeResolve,afterEach三个钩子函数,分别表示跳转前,进入的时候,进入路由后触发的钩子函数,这三个钩子函数都有一个回调函数,里面有三个参数,分别为to,from,next分别表示将要进入的路由,离开之前的路由,下一个要进入的路由。

在项目中我们一般使用路由来实现页面的鉴权,比如,当用户登陆之后,我们可以把后台返回的token或者用户的一些信息存入本地存储或vuex中,当用户跳转页面时,我们会在路由中判断本地是否存有token,如果有token则使用next方法让用户跳转到相应的页面,没有则使用next方法让用户返回到登录页

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 路由守卫是什么? 官方解释:“导航”表示路由正在发生改变。正如其名,vue-router提供的导航守卫主要用来通过...
    dingFY阅读 1,594评论 0 2
  • 一、全局路由守卫 全局前置守卫 next():回调函数参数配置next(false):中断当前的导航。如果浏览器的...
    wjing静阅读 347评论 0 0
  • Vue中的路由守卫 类别: 1. 全局守卫 2. 组件内守卫 3. 路由独享守卫 一、全局守卫: 1.概念:...
    欢乐马_0d6a阅读 588评论 0 0
  • 参考文献 vue中文文档 : https://cn.vuejs.org/ 本地环境安装路由插件vue-rout...
    晓丶生阅读 51,441评论 0 13
  • 1. 路由守卫(导航钩子函数) 1.1 beforeEach: 全局前置守卫 1.2 beforeEnter...
    浅忆_0810阅读 1,396评论 0 1

友情链接更多精彩内容