在Angular 10 ASP.NET Core 3.1SPA应用程序中处理浏览器重新加载的正确方式是什么？

import { CanDeactivate } from '@angular/router';

export interface CanComponentDeactivate {
  canDeactivate: () => boolean;
}

export class CanDeactivateGuard implements CanDeactivate<CanComponentDeactivate> {
  canDeactivate(component: CanComponentDeactivate): boolean {
    return component.canDeactivate ? component.canDeactivate() : true;
  }
}

import { CanComponentDeactivate } from './can-deactivate.guard';

export class YourComponent implements CanComponentDeactivate {
  // ...

  canDeactivate(): boolean {
    // 在这里进行处理，例如保存表单数据或提示用户保存操作
    // 返回true表示允许离开当前页面，返回false表示阻止离开当前页面
    return true;
  }
}

import { CanDeactivateGuard } from './can-deactivate.guard';

const routes: Routes = [
  {
    path: 'your-path',
    component: YourComponent,
    canDeactivate: [CanDeactivateGuard]
  },
  // 其他路由配置...
];