Angular 路由在 www 目錄上不起作用

Question

我的 app-routing.module.ts 上有以下路由：

{
    path: '',
    redirectTo: 'login',
    pathMatch: 'full'
  },
  {
    path: 'login',
    loadChildren: () => import('./login/login.module').then( m => m.LoginPageModule)
  },
  {
    path: 'trace',
    loadChildren: () => import('./trace/trace.module').then( m => m.TracePageModule)
  },

如果我通過ionic serve服務應用程序，則訪問/trace有效。 但是，當我使用ionic build --prod構建應用程序並使用 http 服務器提供www目錄時，瀏覽器返回 404。

我想將此離子應用程序部署為 firebase 主機上的 web 應用程序。

Answer 1

您還需要為您的登錄和跟蹤模塊提供路由。 這將決定項目的進一步路線。

而不是像您提到的那樣加載模塊，而是嘗試添加以下行來加載模塊登錄和跟蹤。

const routes = [
{
    path: '',
    redirectTo: 'login',
    pathMatch: 'full'
  },
{path: 'login', loadChildren: './login/login.module#LoginModule'},
{path: 'trace', loadChildren: './trace/trace.module#TraceModule'}
]

我不知道您的登錄模塊的路徑。 請根據您的路徑更正。 並且還為設置模塊定義路由文件。