Я собираюсь разработать простую заявку Angular 2. Я создал проект с маршрутизацией, используя Angular CLI и добавив несколько компонентов в приложение, используя команду "ng generate component". Затем я указал маршрутизацию в app-routing.module.ts следующим образом.
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';
import { UserComponent } from './user/user.component';
import { ErrorComponent } from './error/error.component';
import { SpecialpageComponent } from './specialpage/specialpage.component';
const routes: Routes = [
{
path: '',
component: HomeComponent
},
{
path: 'about',
component: AboutComponent
},
{
path: 'user',
component: UserComponent
},
{
path: 'specialpage',
component: SpecialpageComponent
},
{
path: '**',
component: ErrorComponent
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule],
providers: []
})
export class AppRoutingModule { }
app.module.ts выглядит следующим образом.
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { AboutComponent } from './about/about.component';
import { ErrorComponent } from './error/error.component';
import { UserComponent } from './user/user.component';
import { SpecialpageComponent } from './specialpage/specialpage.component';
@NgModule({
declarations: [
AppComponent,
HomeComponent,
AboutComponent,
ErrorComponent,
UserComponent,
SpecialpageComponent
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Я не добавил никаких изменений для других компонентов. Затем я развернул приложение, используя команду "ng serve", и приложение отлично работает со ссылками. Например: http://localhost:4200/about
Но когда я развертываю проект на http-сервере, ссылки работают не так, как ожидалось. Я развернул приложение, используя команду "http-server./dist", и приложение отлично развернуто, но ссылки не работают. Когда я перехожу к http://localhost:4200/about ', он дает ошибку 404.
Я делаю что-то неправильно? Почему "ng-serve" работает и "http-server" не работает?
Любая помощь будет оценена по достоинству. Заранее спасибо.
Я загрузил свой проект в github.