Angular 辅助路由在本地有效，但在部署时无效

Question

我在直接访问辅助路由时遇到问题。当我在本地访问 /home/(post:12) 时，一切正常。但是当我尝试将应用程序部署到 github 页面时，会出现 wild 404。

基本上辅助路由是加载弹窗模态

<router-outlet name="post"></router-outlet>

这是路由器模块：

RouterModule.forRoot([
      {
        path: 'home',
        component: ShellComponent,
        children: [
          {
            path: ':postId',
            component: PostEntryComponent,
            outlet: 'post'
          },
          {
            path: '',
            redirectTo: 'home',
            pathMatch: 'full'
          }
        ]
      },
      {path: '**', redirectTo: 'home'}
    ])

我想让它像在本地服务器上一样工作。有什么想法吗？

Answer 1

有帮助吗？

// Excerpt app-routing.module.ts

@NgModule({
  imports: [
    RouterModule.forRoot(routes, {
      useHash: true,
    }),
  ],
  exports: [RouterModule],
})

Angular 辅助路由在本地有效，但在部署时无效

Angular auxiliary routes works locally but not when deployed

routes

angular-routing

angular

angular-auxiliary-routes