角度路由不适用于 www 目录答案

【问题标题】：Angular routes not working on www directory角度路由不适用于 www 目录
【发布时间】：2020-06-28 13:33:50
【问题描述】：

我的 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 托管上的网络应用程序。

【问题讨论】：

标签： angular ionic2 ionic3 ionic4

【解决方案1】：

您还需要为您的登录和跟踪模块提供路由。这将决定项目的进一步路线。

而不是像你提到的那样加载模块，尝试添加以下行来加载模块登录和跟踪。

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

我不知道您的登录模块的路径。请根据您的路径更正。并且还定义了设置模块的路由文件。

【讨论】：