將應用程式部署到Heroku時，角度路由不起作用

我在heroku上部署了一個應用程式

[https://feupscomputacionapp.herokuapp.com/][1]

使用頁面導航時所有路線均有效，但重繪 、手動輸入或單擊回傳時，無法識別上一條或當前路線并出現“無法獲取”錯誤

這是我的 app-routing.module.ts

  const routes: Routes = [
  {path:'',component:HomeComponent},
  {path:'federacion',component:AcercaFederacionComponent},
  {path:'desarrollador',component:AcercaDesarrolladorComponent},
  {path:'perfilDocente',component:AcercaDocentesComponent},
  {path:'proyectos',component:ProyectosComponent},
  {path:'eventos',component:EventosComponent},
  {path:'laboratorios',component:LaboratoriosComponent},
  {path:'lab360/:id',component:Lab360Component},
  {path:'contactanos',component:ContactanosComponent},
  {path:'crudUsuarios',component:CrudUsuariosComponent},
  {path:'crear-usuario',component:CrearUsuarioComponent},
  {path:'login',component:LoginComponent},
  {path:'error',component:Error404Component},
  {path:'editar-usuario/:correo2',component:CrearUsuarioComponent},
  {
    path: 'panel-estudiante',
    pathMatch: 'full',
    component: PanelEstudianteComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'estudiante'
    }
  },
  {
    path: 'perfil-estudiante',
    component: PerfilEstudianteComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'estudiante'
    }
  },
  {
    path: 'publicaciones-estudiante',
    pathMatch: 'full',
    component: PublicacionesEstudianteComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'estudiante'
    }
  },
  
  {
    path: 'chat-estudiante',
    pathMatch: 'full',
    component: ChatEstudianteComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'estudiante'
    }
  },
  {
    path: 'bolsa-estudiante',
    pathMatch: 'full',
    component: BolsaEstudianteComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'estudiante'
    }
  },
  {
    path: 'calendario-estudiante',
    pathMatch: 'full',
    component: CalendarioEstudianteComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'estudiante'
    }
  },
  {
    path: 'reservas-estudiante',
    pathMatch: 'full',
    component: ReservasEstudianteComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'estudiante'
    }
  },
  {
    path: 'aplicaciones-estudiante',
    pathMatch: 'full',
    component: AplicacionesEstudianteComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'estudiante'
    }
  },
  
  {
    path: 'reserva-laboratorios',
    pathMatch: 'full',
    component: ReservaLaboratoriosComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'estudiante'
    }
  },
  {
    path: 'reserva-equipos',
    pathMatch: 'full',
    component: ReservaEquiposComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'estudiante'
    }
  },
  {
    path: 'panel-docente',
    component: PanelDocenteComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'docente'
    }
  },
  {
    path: 'panel-administrador',
    component: PanelAdministradorComponent,
    canActivate: [AuthGuard],
    data:{
      role: 'administrador'
    }
  },
  {path: '**', redirectTo: '', pathMatch: 'full'}
];


@NgModule({
  providers: [CookieService, AuthService,
    AuthGuard,
    {
      provide: HTTP_INTERCEPTORS,
      useClass: TokenInterceptorService,
      multi: true
    }  ],
  imports: [BrowserModule,RouterModule.forRoot(routes),HttpClientModule],
  exports: [RouterModule]
})
export class AppRoutingModule { }

uj5u.com熱心網友回復：

嗨，我找到了這篇文章，你可以使用這篇文章來解決這個問題，你可以使用 # 機制。您可以在本文中找到更多內容 Angular 6 404 After Refresh

如果您使用 node js 進行部署，您可以參考 stackoverflow 流程中的這篇文章： Getting 404 page on page refresh using node and angular app

標籤：节点.js 有角度的 表示 路线 成分

上一篇：即使我使用fileUpload但Postman也可以快速記錄檔案

下一篇：“錯誤”：POSTMAN中的“無法讀取未定義的屬性'id'”