Probleme de redirection apres compilation

[Pylou Ej]

Bonjour

Débutant en Angular11, je viens de coder pour un besoin, un formulaire qui se construit en fonction de l'url.

Je m'explique lorsque j’appelle http://localhost/nomSite/nomDuFormulaire

<nomDuFormulaire> est mon id

Grace a cet <id> je récupère en BDD toute les personnalisations de mon formulaire.

et cela marche sans soucis avec un ng-serve

Lorsque je fais un <ng build> et que je saisie http://localhost/nomSite/ , il m'affiche bien mon app.component.html

Lorsque je saisie http://localhost/nomSite/nomDuFormulaire j'ai le droit a un code 404 page not Found...

Dans app-routing.module.ts:

import { NgModule } from '@angular/core';

import { RouterModule, Routes } from '@angular/router';

import { FormulairesComponent } from './components/formulaires/formulaires.component';

const routes: Routes = [

  { path: ':id', component: FormulairesComponent },

];

@NgModule({

  imports: [RouterModule.forRoot(routes,{ enableTracing: true })],

  exports: [RouterModule]

})

export class AppRoutingModule { }

Dans Mon Composant Formulaire:

 

  constructor(private formService:FormulaireService, private route: ActivatedRoute) { }

  ngOnInit(): void { 

    this.route.params.subscribe(params => {

      console.log(params.id);

      this.nom_formulaire=params.id;

    });

Dans tsconfig.json:

"compilerOptions": {

    "baseUrl": "http://localhost/nomSite/",

Si jamais quelqu'un a déjà eu ce soucis et sait me dire comment le résoudre je suis preneur.

Merci d'avance