当用户进入主页或标签导航应用程序必须进入登录页面。

const appRoutes: Routes = [
  {
    path: 'tab-navigation',
    redirectTo: 'login',
    pathMatch: 'full'
  },
  {
    path: 'home',
    redirectTo: 'login',
    pathMatch: 'full'
  },
  {
    path: '',
    redirectTo: 'login',
    pathMatch: 'full'
  },
  {
    path: '**',
    redirectTo: 'error404',
  }
];

此逻辑在条目为“”或类似于“dfd45657d”的情况下工作。为什么不为主页和选项卡导航工作?

最佳答案

首先,您需要为登录创建关联组件。
其次,matchpath在这里不会影响你。所以不管你留不留,都没有效果。
试试这个:

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

const routes: Routes = [
  {
    path: 'tab-navigation',
    redirectTo: 'login'
  },
  {
    path: 'home',
    redirectTo: 'login'
  },
  {
    path: '',
    redirectTo: 'login',
    pathMatch: 'full'
  },
  {
    path : 'login',
    component : LoginComponent
  },
  {
    path: '**',
    redirectTo: 'error404',
  }
];
@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})

export class RouteModule { }

工作链接:https://stackblitz.com/edit/angular-nbajga?file=src%2Fapp%2Froute%2Froute.module.ts

10-06 04:04