Angular como resolver o botão voltar do navegador

Front-end
, ,
#1

Olá

Estou fazendo uma aplicação em Angular 7 e estou com problema na navegação entre as páginas.

Se o usuário clicar no botão voltar do browser a página volta para primeira página app-component com tudo carregado.

Como resolver isso?

#2

Talvez isso ajude

#3

Eu fiz assim e continua do mesmo jeito… se clicar em voltar recarrega a primeira página e se clicar em F5 (atualizar) faz a mesma coisa.

import { LoginServiceService } from './../login/login-service.service';
import { Injectable } from '@angular/core';
import {
  CanLoad, Router, CanActivate, ActivatedRouteSnapshot, RouterStateSnapshot, Route
} from '@angular/router';
import { Observable } from 'rxjs';

@Injectable({
  providedIn: 'root'
})
export class AutenticaGuard implements CanActivate, CanLoad {

  constructor(
    private router: Router,
    private loginService: LoginServiceService
  ) {}

  canActivate(
    route: ActivatedRouteSnapshot,
    state: RouterStateSnapshot
  ): Observable<boolean> | boolean {
    return this.verificaAcesso();
  }

  private verificaAcesso() {
    if (this.loginService.usuarioAutenticado()) {
      return true;
    }

    this.router.navigate(['/login']);

    return false;
  }

  canLoad(route: Route): Observable<boolean> | Promise<boolean> | boolean {
    console.log('canLoad: verificando se usuário por carregar o código do módulo');
    return this.verificaAcesso();
  }

} // fim classe