我有一個Angular應用程序。我運行命令ng build --prod --aot
來生成dist文件夾。 在dist文件夾中,我創建了一個名爲Staticfile文件,然後我上傳dist文件夾到pivotal.io用下面的命令:404未找到nginx角度4路由
- CF推名稱應用--no啓動
- CF啓動名稱 - 應用程序
該應用程序運行良好。我有一個導航欄,所以當我用navbar改變路徑時,一切正常。但當我手動(我自己輸入網址)我有這個錯誤404 Not Found nginx。 這是我app.component.ts:
const appRoutes: Routes = [
{ path: 'time-picker', component: TimePickerComponent },
{ path: 'material-picker', component: MaterialPickerComponent },
{ path: 'about', component: AboutComponent },
{ path: 'login', component: LoginComponent },
{ path: 'registration', component: RegistrationComponent },
{
path: '',
redirectTo: '/time-picker',
pathMatch: 'full'
}
];
@NgModule({
declarations: [
AppComponent,
TimePickerComponent,
MaterialPickerComponent,
DurationCardComponent,
AboutComponent,
LoginComponent,
RegistrationComponent,
],
imports: [RouterModule.forRoot(
appRoutes
// ,{ enableTracing: true } // <-- debugging purposes only
),
FormsModule,
BrowserAnimationsModule,
BrowserModule,
MdCardModule, MdDatepickerModule, MdNativeDateModule, MdInputModule
],
providers: [{ provide: DateAdapter, useClass: CustomDateAdapter }],
bootstrap: [AppComponent]
})
export class AppModule {
constructor(private dateAdapter: DateAdapter<Date>) {
this.dateAdapter.setLocale('fr-br');
}
}
編輯
是靜態編譯不適合我的應用?角度應用程序準備就緒後應該做什麼?你所有的迴應都假設我已經有了後端。你能仔細閱讀我的文章嗎?
按照此HTTPS發現某處:/ /stackoverflow.com/a/40833154更新你的nginx配置文件 – Brilliant