前缀路径匹配下空路由匹配时机及路由跳转异常咨询

你的判断完全正确，这确实是那个配置了pathMatch: 'prefix'的空路由导致的重定向问题。接下来我会拆解Angular路由的匹配逻辑，帮你彻底搞清楚为什么会出现这个现象，以及怎么解决。

先搞懂Angular的pathMatch规则 #

Angular路由的pathMatch属性有两种核心模式，直接决定了路由的匹配逻辑：

• full模式：只有当当前待匹配的剩余路径完全等于路由的path值时，才会命中该路由。对于空路由（path: ''）来说，只有当剩余路径是空字符串（也就是没有后续路径）时才会触发匹配——这也是你直觉里认为空路由该有的行为。
• prefix模式：只要当前剩余路径以路由的path值开头，就会命中该路由。对于空路由来说，空字符串是任何字符串的前缀——这意味着任何剩余路径都会触发这个空路由的匹配，这就是你遇到问题的核心原因！

结合你的路由配置分析重定向过程 #

当你访问/places/tabs/discover时，路由匹配的流程是这样的：

1. 首先匹配到父路由path: 'tabs'（假设它的上层路由是/places），此时进入PlacesPage的子路由匹配阶段，剩余需要匹配的路径是discover。
2. 子路由列表里第一个就是这条配置：

   { path: '', redirectTo: '/places/tabs/offers', pathMatch: 'prefix' }
   

   因为prefix模式下，空字符串是discover的前缀，所以这条路由被优先命中，直接触发重定向到/places/tabs/offers，后面的discover路由根本没机会参与匹配。

解决方案：修改pathMatch为full #

把那个空路由的pathMatch改成full，这样它只会在访问/places/tabs（没有后续路径）时才会触发重定向，访问/places/tabs/discover时就会正常匹配到对应的子路由：

{ 
  path: '', 
  redirectTo: '/places/tabs/offers', 
  pathMatch: 'full' // 将prefix替换为full
},

内容的提问来源于stack exchange，提问作者alexander.sivak