Angular 2 Routing - Open Links de la barre d'adresse

Question

Lorsque j'essaie d'ouvrir les routes Angular 2 à partir de la barre d'adresse, je reçois continuellement les réponses http 404, cependant la navigation vers les routes utilisant des ancres avec les directives "routerLink" fonctionne sans problème. J'ai essayé de modifier mon fichier web.config pour réécrire l'url comme indiqué dans Angular's Deployment Guide mais cela casse généralement mon routage. Enfin, j'ai inclus <base href="/"> dans mon fichier index.html, mais cela n'a pas aidé non plus. Toute aide de la communauté est très appréciée!

Voici mon code composant de routage:

import { NgModule } from '@angular/core'; 
import { RouterModule, Routes } from '@angular/router'; 
import { ClientsComponent } from './clients.component'; 

const routes: Routes = [ 

    { path: 'clients', component: ClientsComponent }, 
    //^This does not work from address bar, only from routerLinks. 
    { 
     path: '**', 
     redirectTo: '', 
     pathMatch: 'full' 
    }, 
]; 

@NgModule({ 
    imports: [RouterModule.forRoot(routes)], 
    exports: [RouterModule] 
}) 

export class AppRoutingModule { } 

Answer 1

Essayez le réglage usehash true, cela devrait résoudre votre problème.

RouterModule.forRoot(routes, { useHash: true })