Как сделать мой компонент входа в систему целевой страницей

#angular #typescript

#angular #typescript

Вопрос:

Я новичок в angular, и мое приложение работает на порту 4200. Я хотел бы добавить страницу входа в систему, которая будет целевой страницей по умолчанию при открытии веб-приложения.

Мой путь к компоненту входа в систему — /4200/login, но я хочу, чтобы он был целевой страницей для входа в систему, прежде чем вы сможете получить доступ к приложению.

Любые советы о том, как это сделать?

Ответ №1:

 //   app-routing.module.ts
 const routes: Routes = [
      {path: '', component: LoginComponent},
      {path: 'login', component: LoginComponent},
    ];

//Use like this in app-routing.module.ts or Your routing module
  

Ответ №2:

На самом деле, это кажется довольно простым. Вам просто нужно настроить свой routes модуль маршрутизации и привязать маршрут '' к вашему компоненту входа в систему. Вы также можете использовать redirectTo: 'login' . Затем компонент входа в систему будет загружаться, когда кто-то обращается к корневому маршруту.

Комментарии:

1. или вы можете использовать canActivate в своем файле маршрутизации со службой защиты аутентификации 😉