Question

我有一个带有主页面和详细信息页面的双页Web服务。当我双击主页数据时，我可以直接进入详细信息页面并填充详细信息。但是，当我按'F5'刷新页面时，我总是得到'错误404：找不到'。我尝试过使用'useHash：true'但仍然没有运气。任何人都可以建议吗？

我的app-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="">

在我的角度webapp中，刷新时会出现“404错误”

2 个答案: