canDeactivate守卫会打破Angular中的路由历史记录

在使用canDeactivate守卫时，可以使用Location.replaceState()方法来替换当前状态，从而保存路由历史记录。以下是一个示例代码：

import { CanDeactivate } from '@angular/router';
import { Injectable } from '@angular/core';
import { Location } from '@angular/common';

@Injectable()
export class MyGuard implements CanDeactivate<any> {
  constructor(private location: Location) {}

  canDeactivate(component: any): boolean {
    // 添加保存路由历史记录的代码
    this.location.replaceState(this.location.path()); 
    return true; // 或者根据实际情况返回false
  }
}

在canDeactivate方法中，我们将当前路由的路径作为参数传递给Location.replaceState()方法，用于替换当前状态。这样就能保存路由历史记录了。