Маршрутизатор не перенаправляется на компонент после обновления углового значения 2

Question

У меня возникла проблема: если я перезагружу приложение с URL-адресом, который должен отображать определенный компонент, мое приложение вместо этого отобразит страницу по умолчанию. Например, я хочу перейти в/create/user непосредственно через браузер (обновить), вместо этого он покажет мне мою страницу по умолчанию.

Вот моя конфигурация маршрута.

import {provideRouter, RouterConfig} from '@angular/router'; 
import {GenericRequestEndpoint} from './components/dynamicresponsetable/dynamicresponsetable.component'; 
import {DynamicDisplayForm} from './components/dynamicdisplaycomponent/dynamic.display.component'; 
import {DynamicCreationComponent} from './components/dynamiccreationcomponent/dynamic.creation.component'; 
import {LoginComponent} from './components/login/login.component'; 
import {AuthService} from './components/services/auth.service'; 
import {AuthGuard} from './components/services/auth-guard.service'; 
import {Dummy} from './components/dummy'; 
import {ConfigurationComponent} from './components/configurationcomponent/configuration.component'; 


export const ROUTER: RouterConfig = [ 
    { 
     path: '', 
     component: LoginComponent 
    }, 
    { 
     path: 'dashboard', 
     component: Dummy, 
     canActivate: [AuthGuard] 
    }, 
    { 
     path: 'endpoint/:endpointname', 
     component: GenericRequestEndpoint, 
     canActivate: [AuthGuard] 
    }, 
    { 
     path: 'detail/:specificitem', 
     component: DynamicDisplayForm, 
     canActivate: [AuthGuard] 
    }, 
    { 
     path: 'create/:endpointname', 
     component: DynamicCreationComponent, 
     canActivate: [AuthGuard] 
    }, 
    { 
     path: 'configurator/:endpointname', 
     component: ConfigurationComponent, 
     canActivate: [AuthGuard] 
    } 
]; 



export const APP_ROUTER_PROVIDERS = [ 
    provideRouter(ROUTER), AuthService, AuthGuard 
]; 

Answer 1

Если вы используете пустой путь '', без детей маршрутов, а затем добавить pathMatch

{ 
    path: '', 
    component: LoginComponent, 
    pathMatch: 'full' 
},