页面重新加载后Angular 9不需要的重定向

Question

我无法理解 Angular 路由器的行为。目前，路由模块如下所示：

const routes: Routes = [
{
    path: '',
    component: ManageCompetitionComponent,
    children: [
        {
            path: ':eventID',
            component: EventProfileComponent,
        },
    ],
}];

当我打开http://localhost:4200/admin/competition 并单击导航到http://localhost:4200/admin/competition/1234 的链接时，它工作正常，EventProfileComponent 显示为ManageCompetitionComponent 的一部分（包含一个路由器插座）。

但是当我现在从 浏览器 调用时（例如刷新/F5）：

http://localhost:4200/admin/competition         -> works fine
http://localhost:4200/admin/competition/1234    -> redirects to /admin/competition

那么我该如何防止这种重定向呢？

Answer 1

试试这个，

const routes: Routes = [
{
    path: '',
    component: ManageCompetitionComponent,
   
}, 
{
    path: ':eventID',
    component: EventProfileComponent,
}];