在我的 angular 网络应用程序中，刷新时出现“404 错误”

Question

我有一个包含主页和详细信息页面的两页 Web 服务。当我双击主页数据时，我可以定向到填充了详细信息的详细信息页面。但是，当我按 'F5' 刷新页面时，我总是得到 'Error 404: Not found'。我试过使用 'useHash: true' 但还是不行。有人可以建议吗？

我的应用-routing.module.ts在下面；

const routes: Routes = [
  {path: '', redirectTo: '/dashboard', pathMatch: 'full'},
  {path: 'dashboard', component: DashboardComponent},
  {path: 'dashboard/detail', component: DetailComponent},

];

@NgModule({
  imports: [RouterModule.forRoot(routes, {  useHash: true, enableTracing: true })],
  exports: [RouterModule]
})
export class AppRoutingModule {
}

我的主页双击功能直接进入详情页：

  onRowDoubleClick(event) {
    this.routerService.navigate(["dashboard/detail"]);
  }

进入详细信息页面后，如果我从 'F5' 或 URL 刷新，我会收到以下错误；

ERROR

Answer 1

将其添加到 NgModule 中的 providers 数组中

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
],
  providers: [
    {provide: LocationStrategy, useClass: HashLocationStrategy}, //add this
  ],
  bootstrap: [AppComponent] 
})

Answer 2

如果您有虚拟目录并托管在 IIS 中，请尝试从基本 href 中删除“/”。

 <base href="">

在我的 angular 网络应用程序中，刷新时出现“404 错误”

In my angular webapp I get '404 error' when refresh

refresh

http

http-status-code-404

angular2-routing

angular