在刷新时如何在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.on的初学者，我不知道该如何保持在同一页面上。 请告诉我轻松解决问题的不同方法。