Angular 5.2路由异常：非Exchange路径被错误匹配为参数化路由

这个问题的核心是Angular路由的匹配机制和懒加载模块的路由合并逻辑导致的，我来一步步帮你理清原因和解决办法：

问题根源 #

1. 路由匹配顺序与参数化路由的特性：Angular路由是按定义顺序从上到下匹配的，参数化路由（比如/:exchange-name）会匹配任何非空字符串，当没有通配符路由拦截无效路径时，这些无效路径会被误判为参数值。
2. 懒加载模块的路由合并：一旦你访问过/exchange路径，Exchange模块就会被懒加载，它的路由会被合并到全局路由树中，后续所有路由匹配都会包含这些路由，包括那些参数化路由。
3. 缺失全局通配符路由：你的主路由里没有最后添加通配符路由，导致无效路径无法被拦截，转而匹配到已加载的参数化路由上。

具体解决步骤 #

1. 给主路由添加全局通配符路由 #

在AppRoutingModule的路由数组最后，添加一个通配符路由来捕获所有未匹配的路径，跳转到404页面（你需要先创建一个PageNotFoundComponent组件）：

const routes: Routes = [
  {path: 'user', loadChildren: 'app/user/user.module#UserModule'},
  {path: 'exchange', loadChildren: 'app/exchange/exchange.module#ExchangeModule'},
  {path: 'home', component: HomeComponent},
  {path: '', redirectTo: '/home', pathMatch: 'full'},
  // 新增：全局捕获无效路径，必须放在最后！
  {path: '**', component: PageNotFoundComponent}
];

这样，任何不匹配前面路由的路径（比如/thispagedoesnotexist）都会被这个路由拦截，不会再被误匹配到Exchange模块的参数化路由。

2. 给User模块添加子路由级别的错误处理 #

针对/user/confirm/（缺失必填参数）的情况，在UserRoutingModule的子路由末尾添加一个通配符路由，处理模块内的无效子路径：

@NgModule({
  imports: [RouterModule.forChild(
    [{
      path: '', component: UserComponent, children: [
        {path: '', component: UserProfileComponent, canActivate: [AuthGuardService]},
        {path: 'login', component: UserLoginComponent},
        {path: 'register', component: UserRegisterComponent},
        {path: 'confirm/:confirmcode', component: UserConfirmMailComponent},
        {path: 'logout', component: UserLogoutComponent},
        // 新增：捕获User模块下的无效子路径
        {path: '**', redirectTo: ''} // 可以重定向到用户主页，或者换成错误组件
      ]
    }]
  )],
  exports: [RouterModule]
})
export class UserRoutingModule { }

这样，当访问/user/confirm/（无参数）时，会被这个子路由的通配符捕获，不会冒泡到全局路由去匹配其他模块的路由。

额外注意事项 #

• 确保所有路由的定义顺序是具体路由在前，通用/参数化路由在后，这样Angular会优先匹配更精确的路径。
• pathMatch: 'full'的重定向路由只会匹配完全为空的路径（即http://localhost:4200/），无法拦截其他无效路径，所以必须依赖通配符路由。

内容的提问来源于stack exchange，提问作者Jack O'Neill