[Angular]AppRoutingModule로 화면 주소 redirect하기

app.module.ts 를 보면

AppRoutingModule를 import 한다.

여기로 가서 아래처럼 화면주소값이 ''이면 index로 가게 할수 있다.

{

    path : '', - 주소값을 이렇게 지정하면

    redirectTo : 'index', - 여기로 이동해라

    pathMatch : 'full', - 정확히 ''여야 한다. 만약 '123' 이면 정확히 123 이어야 한다.

  },

  {

    path : 'index', - index에 이동하면

    component : AppComponent, - 이것을 실행해라. 는뜻

  }

 

 

import { NgModule } from '@angular/core';

import { Routes, RouterModule } from '@angular/router';

import { AppComponent } from './app.component';

 

const routes: Routes = [

  {

    path : '',

    redirectTo : 'index',

    pathMatch : 'full',

  },

  {

    path : 'index',

    component : AppComponent, 

  }

];

 

@NgModule({

  imports: [RouterModule.forRoot(routes)],

  exports: [RouterModule]

})

export class AppRoutingModule { }