localhost:4200是Angular中的空白页

Question

登录后默认链接=> http://localhost:4200/dashboard/administration/portfolio

如果我从地址http://localhost:4200/dashboard/administration中删除/portfolio

然后我按“输入”，

自动显示， http://localhost:4200/dashboard/administration/portfolio ，我想保留这个系统的所有路径。

如果我删除/administration/portfolio并按enter ，

该页面自动定向到http://localhost:4200/dashboard/administration/portfolio 。

到目前为止一切正常。

我的问题，如果我删除dashboard/administration/portfolio 。

所以链接是http://localhost:4200/然后enter .

我有一个空白页面，我没有自动返回到http://localhost:4200/dashboard/administration/portfolio ，我不明白为什么？

我认为这是路线的问题？

应用程序路由.module.ts

const routes: Routes = [
  {
    path: '',
    canActivate: [CanActivateTeam],
    loadChildren: () => import('./views/dashboard/dashboard.module').then((m) => m.DashboardModule),
  },


  {
    path: 'sessions',
    loadChildren: () => import('./views/identity/identity.module').then((m) => m.IdentityModule),
  },
  { path: 'pipes', loadChildren: () => import('./shared/pipes/pipes.module').then(m => m.PipesModule) },

  // others
  {
    path: '**', redirectTo: ''
  },
  
];

dashboard-routing.module.ts

const DASHBOARD_ROUTES: Routes = [
  {
    path: 'dashboard',
    component: DashboardComponent,

    children: [
      {
          path: '',
          redirectTo: 'administration',
          pathMatch: 'full'
      },
      {
        path: 'administration',
        loadChildren: () =>
          import('./views/administration/administration.module').then(
            (m) => m.AdministrationModule
          ),
      },
      {
        path: 'market',
        loadChildren: () =>
          import('./views/market/market.module').then((m) => m.MarketModule),
      },
      {
        path: 'dta',
        loadChildren: () =>
          import('./views/dta/dta.module').then((m) => m.DtaModule),
      },
    ],
  },
];

管理-routing.module.ts

export const ADMINISTRATION_ROUTES: Routes = [
 
  {
    path: '',
    component: AdministrationComponent,

    children: [
      {
        path: '',
        pathMatch: 'full',
        redirectTo: 'portfolio',
      },

      {
        path: 'portfolio',
        component: PortfolioComponent,
      },
      {
        path: 'account-opening',
        component: AccountOpeningComponent,
      },

      {
        path: 'corporate-action',
        component: CorporateActionComponent,
      },
      {
        path: 'visualization-deposit',
        component: VisualizationDepositComponent,
      },
    ],
  },
];

谢谢你的帮助。

Answer 1

{
   path: '',
   redirectTo: 'dashboard',
   pathMatch: 'full'
},

将此添加到您的 DASHBOARD_ROUTES。

多亏了这一点，您的仪表板模块将在加载时知道 go 的位置。