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

promise - VueRouter动态路由匹配错误?

辛才俊
2023-12-22

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

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

共有1个答案

王鹏飞
2023-12-22

首先捋一下顺序,你登录完成后,会跳转到home页面,动态添加路由是在跳转前还是跳转后添加的?
按照这个流程,应该是登录完成后动态添加路由,在路由跳转前会进入beforeEach函数,你可以在该函数内动态添加你需要的路由,添加完成后路由放行,进入home页面。

 类似资料:
  • Tango支持4种形式的路由匹配规则 静态路由 tg.Get("/", new(Action)) tg.Get("/static", new(Action))匹配 URL:/ 到 Action结构体的Get函数 匹配 URL:/static 到 Action结构体的Get函数 命名路由 tg.Get("/:name", new(Action)) tg.Get("/(:name)", new(Act

  • 1. 前言 本小节我们介绍 VueRouter 路由组件传参。包括 params 传参、query 传参的两种方式。路由传参的知识点非常重要,在日常开发中,我们经常会通过路由传递各种参数,同学们在学完本节后可以将小节中的案例自己动手实现一遍,这样才可以加深印象并熟练掌握。 2. params 传参 使用 params 传参数我们可以分为两个步骤: 定义路由以及路由接收的参数。 路由跳转时传入对应参

  • 1. 前言 本小节我们介绍如何使用 VueRouter 命名路由。包括如何定义命名路由、如何使用路由名实现路由跳转。本节的学习内容相对简单,相信同学们看完本小节,并对小节中的案例自己实现一遍就可以熟练掌握了。 2. 定义路由名 在之前的小节中,我们学习了如何定义一个路由: const router = new VueRouter({ routes: [ { path: '/

  • 1. 前言 本小节我们介绍如何嵌套使用 VueRouter。嵌套路由在日常的开发中非常常见,如何定义和使用嵌套路由是本节的重点。同学们在学完本节课程之后需要自己多尝试配置路由。 2. 配置嵌套路由 实际项目中的应用界面,通常由多层嵌套的组件组合而成。同样地,URL 中各段动态路径也按某种结构对应嵌套的各层组件,例如: /article/vue /a

  • 注意:本部分是为v1 API编写的,但这些概念也适用于v2 API。它将在未来版本的v2 API中重新描述。 Envoy的路由匹配过程如下: HTTP请求的头域字段 host 或 :authority 与虚拟主机匹配。 按顺序检查虚拟主机中的每个路由表。如果匹配,则使用该路由并且不再匹配路由。 独立地,依次检查虚拟主机中的每个虚拟集群。如果匹配,则使用虚拟群集,不再进一步匹配集群。 返回 上一级

  • React + React-router-dom v6 我目前编写的路由表为: 当我在浏览器地址栏输入http:// xxx.xxx.xxx.xxx: 3000/p/aaa/bbb,并不能匹配到'/p/:contentId/:premissionId', 请问这是咋回事?