Angular5路由重定向问题：将/settings重定向至/settings/general

嘿，这个场景我太熟悉了！要实现输入/settings自动跳转到/settings/general，同时保留其他子路由的正常访问，只需要在你的子路由配置里加一条重定向规则就行，具体做法如下：

修改子模块的路由配置 #

找到你UserModule里的子路由代码，调整成下面这样：

import { RouterModule } from '@angular/router';
// 请确保已导入对应的组件：GeneralSettingsComponent、PasswordComponent、EmailComponent

RouterModule.forChild([
  { 
    path: '', 
    component: LayoutComponent, 
    children: [
      // 核心规则：空路径（即/settings）直接重定向到general
      { path: '', redirectTo: 'general', pathMatch: 'full' },
      // 你的三个目标路由
      { path: 'general', component: GeneralSettingsComponent },
      { path: 'changePassword', component: PasswordComponent },
      { path: 'changeEmail', component: EmailComponent }
    ]
  }
])

关键细节提醒 #

• pathMatch: 'full'必须加上！它告诉Angular只有当完全匹配空路径（也就是用户直接访问/settings）时才触发重定向。如果省略这个属性，Angular会把所有以/settings开头的路径都视为匹配空路径，导致所有子路由都会被强制跳转到general，这显然不是我们想要的。
• 把重定向路由放在子路由数组的最前面也很重要，Angular会按顺序匹配路由规则，确保优先触发重定向。

这样配置后，用户访问/settings时会自动跳转到/settings/general，而/settings/changePassword、/settings/changeEmail也能正常访问，完全符合你的需求～

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