Как добавить 2 не SPA-странички в angular6?

Задача странная, но помогите пожалуйста её решить.

1. В angular6 я сделал 3 странички с роутингом старого стиля(то есть url с решёткой). Этого я добился при помощи возможности, которую разработчики фреймворка оставили для обратной совместимости:

@NgModule({
  imports: [RouterModule.forRoot(routes, { useHash: true })],

2. Далее мне понадобилось сделать чтобы при заходе пользователя на страничку /login происходил рефреш страницы. То есть по сути страница /login работает не как SPA, а остальные страницы работают как SPA. Этого я добился так: tpl:

<a href="/login">Login</a> |

    <a routerLinkActive="active" 
       routerLink="/home">Home</a> | 

    <a routerLinkActive="active" 
      routerLink="/catalog">Catalog</a> 
      
    <router-outlet></router-outlet>

router:

imports: [
    RouterModule.forRoot([
      { path: '', redirectTo: '/login', pathMatch: 'full'},
      { path: 'login', component: LoginViewComponent },
      { path: 'home', component: HomeViewComponent },
      { path: 'catalog', component: CatalogViewComponent },
      { path: '**', redirectTo: 'login' }
    ], { useHash: true })
  ],

3. Теперь мне хотелось бы чтобы таких страничек было две. То есть чтобы происходил рефреш когда пользователь переходит на страницы /login и /home

Помогите пожалуйста такое реализовать. Вот тут демо с описанным выше примером: https://stackblitz.com/edit/angular-router-basic-example-15sgpm

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