Angular模块化应用路由优先级问题：如何让NotFoundComponent后置匹配？

嘿，我正好碰到过类似的Angular路由匹配问题，给你几个靠谱的解决方案，彻底搞定这个通配符路由抢跑的问题～

Angular的路由匹配逻辑很直接：按照路由配置的先后顺序，以及模块导入的顺序依次匹配，一旦找到第一个符合的路由就会停止匹配。你现在的问题就是CoreModule里的**通配符路由被优先加载了，直接把所有公共路由的请求都拦截成NotFound了。

这个是你已经想到的方法，再给你明确下正确的操作方式：
在你的根模块（比如AppModule）里，把包含公共路由的PublicModule放在CoreModule之前导入，这样公共路由的配置会先被加载，优先匹配请求：

@NgModule({
  imports: [
    BrowserModule,
    PublicModule, // 先加载公共路由模块，让它的路由先匹配
    CoreModule,    // 最后加载核心路由模块，包含**通配符的路由最后生效
    // 如果根路由用了RouterModule.forRoot()，也要确保它在合适的位置，不要抢在公共路由前面
  ],
  declarations: [AppComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

这样一来，""、signup、login这些公共路由会先被匹配，只有当这些路径都不命中的时候，才会走到CoreModule的maintenance和**路由。

如果不想靠模块导入顺序来控制路由优先级，可以把通配符路由统一放到根路由的最后，同时清理其他模块里的通配符配置：

1. 修改根路由配置，把所有路由按优先级排序，最后放通配符：

// app-routing.module.ts
const appRoutes: Routes = [
  // 先加载公共路由（懒加载方式更推荐）
  { path: '', loadChildren: () => import('./public/public.module').then(m => m.PublicModule) },
  // 然后是核心模块的维护路由
  { path: 'maintenance', component: MaintenanceComponent, data: { title: "Under maintenance" } },
  // 最后放通配符，兜底匹配404
  { path: '**', component: NotFoundComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(appRoutes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

2. 清理CoreModule的路由，去掉**通配符：

// core-routing.module.ts
const coreRoutes: Routes = [
  { path: "maintenance", component: MaintenanceComponent, data: { title: "Under maintenance" } }
];

@NgModule({
  imports: [RouterModule.forChild(coreRoutes)],
  exports: [RouterModule]
})
export class CoreRoutingModule { }

这种方式完全不用依赖模块导入顺序，路由优先级由根路由的配置顺序明确控制，是Angular路由的最佳实践之一。

• 除了最后生效的路由配置（比如根路由），其他所有子模块的路由里都不要加**通配符，否则会提前拦截请求。
• 记住RouterModule.forRoot()只能在根模块调用一次，所有子模块的路由都要用RouterModule.forChild()来配置，这能避免路由配置冲突。

内容的提问来源于stack exchange，提问作者Timothy