Angular URL 重定向

Question

When user entry home or tab-navigation app must go on the login page.

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' 时，此逻辑有效。为什么不为主页和标签导航工作？

Answer 1

首先，您需要创建用于登录的关联组件。

其次，匹配路径在这里不会影响你。所以不管你留不留，都没有影响。

试试这个:

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