Всем привет. Подскажите пожалуйста на счет роутинга. Есть app.module, он импортит в

Question

Всем привет. Подскажите пожалуйста на счет роутинга. Есть app.module, он импортит в

себя следующий app-routing.module
{
path: 'pages',
canActivate: [AuthGuard],
loadChildren: () =>
import('./pages/pages.module').then((m) => m.AppPagesModule),
},
{
path: 'auth',
loadChildren: () =>
import('./auth/auth.module').then((m) => m.AppAuthModule),
},
{ path: '', redirectTo: 'pages', pathMatch: 'full' },
{ path: '**', redirectTo: 'pages/not-found' },
app.component - пустышка, у которой вместо шаблона
<router-outlet></router-outlet>
Основная задача - если юзер залогиненый, кидаем его на pages/, если нет - выкидываем на страницу логина.
Далее идет pages.module со следующими роутами
{
path: '',
component: AppPagesComponent,
children: [
{
path: '',
redirectTo: 'dashboard',
pathMatch: 'full',
},
{
path: 'dashboard',
loadChildren: () =>
import('./dashboard').then((m) => m.AppDashboardModule),
},
...some another routes,
{
path: '**',
redirectTo: 'not-found',
},
{
path: 'not-found',
component: AppNotFoundComponent,
},
}
Сама компонента pages - это мой layout, который делает хедер, меню - и внутрь себя хавает остальные компоненты и рендерит их.
Так вот в чем проблема. Пока мы гуляем по сайту используя навигационное меню - все хорошо.
Но если мы переходим на прямую через url на корень сайта - localhost - нас редиректит на localhost/pages - а оттуда уже никуда не редиректит (хотя должно на dashboard) и мы видим пустой экран.
В чем проблема?
Спасибо