只需使用Location，这是一个Angular服务，应用程序可以使用它与浏览器的URL进行交互。

导入:

import { Location } from '@angular/common';

注射:

constructor(private location: Location) { }

简单地使用它:

goBack() {
    this.location.back(); // Navigates back in the platform's history
}

2022 利用你的应用程序路由-更多的是一种“角度方法”，而不是访问浏览器的位置对象来获取导航历史。 想想你为什么需要用户返回，以及“返回”在应用程序及其路由的更广泛的上下文中意味着什么。

例如，从子路由返回到父路由

  this.router.navigate(['..'], {relativeTo: this.route});

您还可以阅读以前的导航

previousNavigation:先前成功的导航对象。只有 一个先前的导航是可用的，因此这个先前的 Navigation对象的previousNavigation为空值。

只需使用Location，这是一个Angular服务，应用程序可以使用它与浏览器的URL进行交互。

导入:

import { Location } from '@angular/common';

注射:

constructor(private location: Location) { }

简单地使用它:

goBack() {
    this.location.back(); // Navigates back in the platform's history
}

从beta 18开始:

import {Location} from 'angular /platform/common';

进口:

import { Location } from '@angular/common';
import { Router } from '@angular/router';

构造函数:

constructor(private readonly router: Router, private readonly location: Location) {
  location.onUrlChange(() => this.canGoBack = !!this.router.getCurrentNavigation()?.previousNavigation);
}

可选，避免返回到应用程序之外:

private canGoBack: boolean = false;

constructor(private router:Router,private location:Location){
  this.canGoBack = !!(this.router.getCurrentNavigation()?.previousNavigation);
}

返回:

goBack(): void {
  if (this.canGoBack) {
    this.location.back();
  }
}

Html:

<button (click)="goBack()"></button>

另一个解决方案

window.history.back ();