на обновление, как остаться на том же маршруте в angular6?

Question

в моем коде два компонента присутствуют. 1) компонент приложения 2) компонент входа После входа в систему он переходит на другую страницу. Но при обновлении он переходит на страницу входа. Пожалуйста, решите эту проблему. Я использую angular6. Пожалуйста, предоставьте код, как решить эту проблему.

app.module.ts
--------------------------------
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { PloginComponent } from './plogin/plogin.component';
import { AfterploginComponent } from './afterplogin/afterplogin.component';
import { RouterModule } from '@angular/router';
import { ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';

@NgModule({
  declarations: [
    AppComponent,
    PloginComponent,
    AfterploginComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    ReactiveFormsModule,
    HttpClientModule,
   RouterModule.forRoot([
      {
      path : 'after-login',
      component : AfterploginComponent
      },
      {
        path : 'before-login',
        component : PloginComponent
      }

    ])
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

app.component.ts
-------------------------------------------------
import { Component ,OnInit} from '@angular/core';
import { Router} from '@angular/router';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit{
  title = 'login';

  constructor(private router :Router){

  }
  ngOnInit(){
    this.router.navigateByUrl('before-login');
  }

  }

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