App路线:
[
{ path: '', loadChildren: './layout/layout.module#LayoutModule', canActivate: [AuthGuard] },
{ path: 'login', loadChildren: './login/login.module#LoginModule' },
{ path: 'dashboard', loadChildren: './layout/layout.module#LayoutModule' },
{ path: 'error', loadChildren: './server-error/server-error.module#ServerErrorModule' },
{ path: 'access-denied', loadChildren: './access-denied/access-denied.module#AccessDeniedModule' },
{ path: 'not-found', loadChildren: './not-found/not-found.module#NotFoundModule' },
{ path: '**', redirectTo: 'not-found' }
]
LayoutModule路线:
[{
path: '',
component: LayoutComponent,
children: [
{ path: '', redirectTo: 'dashboard' },
{ path: 'allcookies' , loadChildren: './allcookies/allcookies.module#AllcookiesModule' },
{ path: 'dashboard', loadChildren: './dashboard/dashboard.module#DashboardModule' },
{ path: 'details', loadChildren: './details/details.module#DetailsModule' },
{ path: 'domains', loadChildren: './domains/domains.module#DomainsModule' },
]
}]
我的DetailsModule路线是这样的,
[
{ path : '' , redirectTo: 'email-details' },
{ path : 'email-details' , component : EmailDetailsComponent },
{ path : 'email-details/:email_id' , component : EmailDetailsComponent },
{ path : 'email-details/:email_id/:curr_page' , component : EmailDetailsComponent },
{ path : 'fingerprint-details/:fp_id/:fp_page/domains/:user_id/:domain_page' , component : FingerprintDetailsComponent },
{ path : 'fingerprint-details/:fp_id/:fp_page/domains/:user_id' , component : FingerprintDetailsComponent },
{ path : 'fingerprint-details/:fp_id/:fp_page' , component : FingerprintDetailsComponent },
{ path : 'fingerprint-details/:fp_id' , component : FingerprintDetailsComponent },
{ path : 'fingerprint-details' , component : FingerprintDetailsComponent }
]
我已经给了url
http://localhost:4302/details/fingerprint-details
但是它重定向到
http://localhost:4302/details/email-details/fingerprint-details
发布于 2018-02-08 13:59:10
在redirectTo属性中,应该从路由级别写入绝对路径。我还总是在我的所有路由中使用pathMatch: 'full'
,以确保我不会涉及到相对路径。
使用该配置测试它:
[
{ path : '' , redirectTo: '/email-details', pathMatch: 'full'},
{ path : 'email-details' , pathMatch: 'full', component : EmailDetailsComponent },
{ path : 'email-details/:email_id' , pathMatch: 'full', component : EmailDetailsComponent },
{ path : 'email-details/:email_id/:curr_page' , pathMatch: 'full', component : EmailDetailsComponent },
{ path : 'fingerprint-details/:fp_id/:fp_page/domains/:user_id/:domain_page' , pathMatch: 'full', component : FingerprintDetailsComponent },
{ path : 'fingerprint-details/:fp_id/:fp_page/domains/:user_id' , pathMatch: 'full', component : FingerprintDetailsComponent },
{ path : 'fingerprint-details/:fp_id/:fp_page' , pathMatch: 'full', component : FingerprintDetailsComponent },
{ path : 'fingerprint-details/:fp_id', pathMatch: 'full', component : FingerprintDetailsComponent },
{ path : 'fingerprint-details' , pathMatch: 'full', component : FingerprintDetailsComponent }
]
下面是到doc的相应链接:https://angular.io/guide/router#redirecting-routes
发布于 2018-02-08 14:07:52
https://stackoverflow.com/questions/48687016
复制相似问题