在使用全局HTTP拦截器作为Angular中的错误处理程序时，如何识别哪个组件/服务抛出了错误？

import { Injectable } from '@angular/core';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent, HttpErrorResponse } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';

@Injectable()
export class ErrorInterceptor implements HttpInterceptor {
  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    return next.handle(request).pipe(
      catchError((error: HttpErrorResponse) => {
        // 根据自定义属性判断错误来源
        if (error.error && error.error.component === 'ComponentA') {
          // 错误来自ComponentA
          console.log('Error from ComponentA');
        } else if (error.error && error.error.component === 'ServiceB') {
          // 错误来自ServiceB
          console.log('Error from ServiceB');
        } else {
          // 其他错误
          console.log('Unknown Error');
        }

        return throwError(error);
      })
    );
  }
}

import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-component-a',
  templateUrl: './component-a.component.html',
  styleUrls: ['./component-a.component.css']
})
export class ComponentAComponent {
  constructor(private http: HttpClient) {}

  fetchData() {
    this.http.get('https://example.com/api/data').subscribe(
      (response) => {
        // 处理响应
      },
      (error) => {
        // 抛出带有自定义属性的错误
        throw new Error(JSON.stringify({ component: 'ComponentA', error: error }));
      }
    );
  }
}