Angular 7: при переходе на любой URL браузер сначала перенаправляется на домашний компонент

Question

У меня есть проект, над которым я работаю, написанный на Angular 7.2.0.

Когда я сначала пытаюсь перейти на определенную страницу, например:

http://localhost:4200/comics?sort=series

, затем Angularвсегда перенаправляет браузер в корень:

http://localhost:4200/

Но я могу взаимодействовать с приложением, чтобы перейти на нужную страницу.

Мой app-routing.module.ts выглядит следующим образом:

const routes: Routes = [
  { path: 'home', component: MainPageComponent },
  { path: 'account', component: AccountPageComponent, canActivate: [ReaderGuard] },
  { path: 'duplicates', component: DuplicatesPageComponent, canActivate: [AdminGuard] },
  { path: 'comics', component: LibraryPageComponent, canActivate: [ReaderGuard] },
  { path: 'comics/:id', component: ComicDetailsComponent, canActivate: [ReaderGuard] },
  { path: '', redirectTo: 'home', pathMatch: 'full' },
  { path: '**', redirectTo: 'home' },
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

Я хотел бы иметь возможность поделиться ссылкой на определенный комический вид, но при переходе на такую ​​ссылку всегдаперенаправляет пользователя на домашний компонент.Что я делаю не так и как я могу это исправить?

Answer 1

Проблема вызвана тем, что ReaderGuard / AdminGuard не имеет данных пользователя при обработке маршрута.Собираюсь вместо этого открыть еще один вопрос.