当前位置: 首页 > 知识库问答 >
问题:

promise - Vue Router路由守卫beforeEach的next方法使用?

史烨
2024-04-01

Vue Router路由守卫函数beforeEach(to,from,next)里的next方法能否写在Promisse的回调函数than里面?

共有1个答案

徐智渊
2024-04-01

可以

router.beforeEach(async(to, from, next) => {  if (to.meta.auth) {    // need verification    // This is a promise function ��    await widget.user      .authVerification()      .then(() => {        next();      })      .catch((error) => {        // Session expired        console.log(error);        next("/login");      });  }}
 类似资料:
  • 本文向大家介绍nuxt中使用路由守卫的方法步骤,包括了nuxt中使用路由守卫的方法步骤的使用技巧和注意事项,需要的朋友参考一下 1.在plugins文件下创建一个route.js 2.在nuxt.config.js里面配置 PS:Nuxt在axios请求拦截中使用路由 最近在开发一个网站,用的nuxt搭建的框架,因为需要在请求token过期之后提示用户重新登录并且返回登录页面,但是在axios的配

  • 本文向大家介绍Angular8路由守卫原理和使用方法,包括了Angular8路由守卫原理和使用方法的使用技巧和注意事项,需要的朋友参考一下 路由守卫 守卫,顾名思义,必须满足一定的条件得到许可方可通行,否则拒绝访问或者重定向。Angular中路由守卫可以借此处理一些权限问题,通常应用中存储了用户登录和用户权限信息,遇到路由导航时会进行验证是否可以跳转。 4种守卫类型 按照触发顺序依次为:canlo

  • 本文向大家介绍vue2.0 实现导航守卫的具体用法(路由守卫),包括了vue2.0 实现导航守卫的具体用法(路由守卫)的使用技巧和注意事项,需要的朋友参考一下 路由跳转前做一些验证,比如登录验证,是网站中的普遍需求。 对此,vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫(navigation-guards)。 导航守卫(navigation-guards)这

  • 本文向大家介绍vue2.0 实现导航守卫(路由守卫),包括了vue2.0 实现导航守卫(路由守卫)的使用技巧和注意事项,需要的朋友参考一下 路由跳转前做一些验证,比如登录验证,是网站中的普遍需求。 对此,vue-route 提供的 beforeRouteUpdate 可以方便地实现导航守卫(navigation-guards)。 导航守卫(navigation-guards)这个名字,听起来怪怪的

  • 本文向大家介绍详解Angular路由之路由守卫,包括了详解Angular路由之路由守卫的使用技巧和注意事项,需要的朋友参考一下 一、路由守卫 当用户满足一定条件才被允许进入或者离开一个路由。 路由守卫场景: 只有当用户登录并拥有某些权限的时候才能进入某些路由。 一个由多个表单组成的向导,例如注册流程,用户只有在当前路由的组件中填写了满足要求的信息才可以导航到下一个路由。 当用户未执行保存操作而试图

  • 在VueRouter的动态添加路由中,我们在登录页登录成功之后会跳转到某一个页面,这里假设是home页面,但是这个home页面也是动态添加的路由,这就会报错Uncaught (in promise) Error: No match for {"name":"Home","params":{}};那么请问怎样才可以解决这个问题? 在VueRouter的动态添加路由中,我们在登录页登录成功之后会跳转到