如何通过清除路由历史记录，使用Angular Router/Location返回特定页面

ng new my-angular-app
cd my-angular-app

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { HomeComponent } from './home/home.component';
import { LoginComponent } from './login/login.component';

const routes: Routes = [
  { path: '', component: HomeComponent },
  { path: 'login', component: LoginComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

ng generate component home
ng generate component login

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

@Component({
  selector: 'app-login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent {

  constructor(private router: Router, private location: Location) { }

  login() {
    // 执行登录逻辑
    // ...

    // 导航到首页并清除历史记录
    this.router.navigateByUrl('/').then(() => {
      this.location.replaceState('/');
    });
  }
}

<button (click)="login()">Login</button>

ng serve