当前位置:网站首页 > Vue.js开发 > 正文

路由守卫vue(路由守卫的作用和意义)



首先,了解什么是路由守卫,拿来做什么

在项目中,没次路由的切换或者页面的刷新都需要我们判断用户是否已经登录

而vue-router提供了导航钩子:

全局前置导航钩子 beforeEach和全局后置导航钩子 afterEach,这两钩子函数会在路由即将改变前和改变后进行触发;

当然有全局的也有独享的,他需要在路由配置的时候进行配置;

还有组件路由守卫,他是写在每个单独的vue文件里面的路由守卫。

这里还要说到导航钩子提供的三个参数:

to:即将要进入的目标路由对象;

from:当前导航即将要离开的路由对象;

next :只有在调用该方法后,路由才会改变,才能进入下一个钩子函数(afterEach)。

注意:

1. 路由独享守卫

2. 组件路由守卫

3. 全局路由守卫

前置守卫:一般会用来判断用户是否登录,未登录则跳转登录页

后置守卫:和beforeEach不同的是afterEach不接收第三个参数 next 函数,也不会改变导航本身

到此这篇路由守卫vue(路由守卫的作用和意义)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • map转jsonobject对象 gson(map转成jsonobject)2025-03-01 12:45:08
  • vue2关闭eslint(vue2关闭当前页面跳转路由)2025-03-01 12:45:08
  • vue2生命周期有几个(vue生命周期有多少个)2025-03-01 12:45:08
  • js深拷贝一个对象(js如何深拷贝一个对象)2025-03-01 12:45:08
  • swagger2.0 出参map(swagger pathmapping)2025-03-01 12:45:08
  • jshy是哪里烟草(烟草jh是哪个城市的缩写)2025-03-01 12:45:08
  • pcie5.0 硬盘(pcie5.0 硬盘降价)2025-03-01 12:45:08
  • vue2官网(vue2官网怎么打不开)2025-03-01 12:45:08
  • ubuntu2004换源(ubuntu20.10换源)2025-03-01 12:45:08
  • jsjl是什么意思(jsi是什么意思)2025-03-01 12:45:08
  • 全屏图片