Para mi aplicación web Angular, estoy tratando de lograr un proceso de enrutamiento básico de la siguiente manera;

1. Cuando se inicia la aplicación, la página de inicio debe ser la página de inicio de sesión.
2. Cuando el usuario inicia sesión, la siguiente página que se muestra debe ser la página de destino.
3. Si la sesión caduca, se debe redirigir al usuario a la página de inicio de sesión.
4. Si el usuario intenta abrir una página desconocida, debe ser redirigido a una página 404.

Aquí está el fragmento de código de mi " app-routing.module.ts ";

 const routes: Routes = [ { path: 'login', component: LoginComponent }, { path: 'landing', component: LandingComponent, canActivate: [AuthGuard]}, { path: '', redirectTo: 'landing', pathMatch: 'full' }, { path: '**', component: PageNotFoundComponent, pathMatch: 'full' } ];

Este es mi " login.component.ts ";

 this.authService.login(username, password).subscribe({ next: data => { ... this.router.navigate(['landing']); }, error: err => { ... } });

Y este es el " auth.guard.ts ";

 canActivate(): boolean { if (!this.tokenService.getToken()) { this.router.navigateByUrl('login'); return false; } return true; }

Estos son los problemas a los que me enfrento;

1. Cuando inicio la aplicación (localhost:4200), me redirige a la página de destino y, como no tengo ninguna sesión, AuthGuard me redirige a la página de inicio de sesión y termina yendo a "http://localhost:4200/ login ". ". Esto está bien, pero cuando realizo una recarga en esta página, vuelve a seguir el mismo proceso y termina en "http://localhost:4200/ login/login ". Mi expectativa es aterrizar en la página de inicio de sesión nuevamente con la URL "http://localhost:4200/ login ".
2. Cuando el usuario inicia sesión, se redirige a la página de destino, pero ahora la URL es "http://localhost:4200/ login/landing ", que esperaría que fuera "http://localhost:4200/ landing " en su lugar.
3. Cuando la sesión caduca, se redirige a la página de inicio de sesión, pero la URL es "http://localhost:4200/ landing/login ", que esperaría que fuera "http://localhost:4200/ login " en su lugar.
4. Finalmente, cuando trato de ir a una página desconocida (digamos /desconocida), se redirige a "http://localhost:4200/ unknown/landing " y muestra la página de destino, en lugar de la página 404.

Así que creo que estoy malinterpretando algunas partes sobre el enrutamiento, pero aún no pude encontrar ninguna respuesta. ¿Alguna idea de cómo resolver mis problemas?