构建项目后 Angular 2 路由不起作用

Question

这些是我的路线:

import { Routes } from '@angular/router';
import {WelcomeComponent} from "./welcome/welcome.component";
import { LoginComponent } from './login/login.component';

export const routes: Routes = [
  {path: '', component: WelcomeComponent},
  {path: 'login', component: LoginComponent},
  {path: '**', component: WelcomeComponent}
];

我使用 ng buid 构建我的项目。

当我输入未定义的路径时，我希望应用程序重定向到 '/' 路径，就像在开发过程中发生的那样，但我收到 404 错误。

即使我手动输入/login URL，我也会遇到同样的错误。

我错过了什么？

Answer 1

正如@Milad 所说，我必须将所有获取请求重定向到 index.html。添加 .htacces 文件解决了我的问题:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^ index.html [L]
</IfModule>