Angular 2 - 所有路线都移至＆＃39; **＆＃39;在自定义404页面

Question

当用户输入脏URL（如www.example.com/url-not-exist）时，我希望用户重定向到404组件。但是现在所有的网址都进入了404.

代码：

app.routes.ts
-------------
const routes: Routes = [
    { path: '404', component: NotFoundComponent},
    { path: '**', redirectTo: '404' },
];


app.module.ts
-------------
imports: [
    CommonModule,

    AppRoutes,
    Module1,
    Module2
],

项目结构：

app.module.ts // module1 and module 2 imported in this file
app.routes.ts // module1 and module 2 imported in this file

module1/
  ----- module1.module.ts
  ----- module1.routes.ts // routes imported in above file

module2/
  ---- module2.module.ts
  ---- module2.routes.ts // routes imported in above file

Answer 1

确保您的Web服务器将所有请求重定向到您的Angular应用程序index.html。否则，您的应用程序将永远不会有机会对您的404组件做出反应和路由。