Я пытаюсь разместить приложение angular 2 (созданное с помощью angular cli) с Firebase, но мои маршруты не работают.
Я создал проект с angular 2 и typescript для сайта, над которым я работаю, где мне нужна статическая страница политики конфиденциальности.
Когда я выполняю
ng serve
и перейдите к http://localhost:4200/privacy-policy в моем браузере. Я получаю содержимое, которое я ожидаю.
Вот код, рекомендованный на странице маршрута angular 2 -
@NgModule({
declarations: [
AppComponent,
HomeComponent,
TermsOfServiceComponent,
PrivacyPolicyComponent,
PageNotFoundComponent
],
imports: [
AlertModule,
BrowserModule,
FormsModule,
HttpModule,
RouterModule.forRoot([
{path: 'privacy-policy', component: PrivacyPolicyComponent},
{path: 'terms-of-service', component: TermsOfServiceComponent},
{path: '', component: HomeComponent},
{path: '**', component: PageNotFoundComponent}
])
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {
}
Я настроил Firebase хостинг с моим проектом, вот мой файл конфигурации -
{
"database": {
"rules": "database.rules.json"
},
"hosting": {
"public": "dist"
}
}
Для развертывания я запустил
ng build --prod
firebase deploy
Когда я перехожу к https://MY-APP.firebaseapp.com/ Приложение загружается отлично для маршрута по умолчанию.
Однако, когда я пытаюсь перейти к https://MY-APP.firebaseapp.com/privacy-policy Я получаю 404.
Я бы ожидал, что это сработает так же, как с помощью ng.
Любая помощь будет принята с благодарностью.