时间戳

首页 > 解决方案 > 角 URL 重定向

angular - 角 URL 重定向

问题描述

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

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”时，此逻辑有效。为什么不适用于家庭和标签导航？

标签： angulartypescript

解决方案

首先，您需要为登录创建关联组件。

其次， 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

推荐阅读