当使用Angular HttpClient发送跨域请求时，可能会遇到CORS（跨域资源共享）错误。然而，使用原生的fetch方法发送相同的请求却没有这个问题。这是因为Angular HttpClient默认会发送一些额外的请求头，触发了CORS检查。

以下是一种解决办法，可以在Angular中使用HttpClient时避免CORS错误：

1. 在你的Angular项目的根目录下找到proxy.conf.json文件（如果不存在，请创建一个）。

2. 在proxy.conf.json文件中添加以下内容：

{
  "/api": {
    "target": "http://api.example.com",
    "secure": false,
    "changeOrigin": true
  }
}

这里的/api是你要发送请求的URL的前缀，http://api.example.com是你想要发送请求的实际目标URL。

3. 打开angular.json文件，找到architect > serve > options，并添加一个"proxyConfig"属性，其值为"proxy.conf.json"：

"architect": {
  "serve": {
    "options": {
      "proxyConfig": "proxy.conf.json"
    }
  }
}

这将告诉Angular开发服务器使用我们定义的代理配置。

4. 重新启动你的Angular开发服务器。

5. 现在，当你使用HttpClient发送请求时，只需将URL的前缀设置为/api，而不是实际的目标URL。Angular开发服务器将自动代理这些请求，并将它们转发到实际目标URL，同时避免CORS错误。

以下是一个使用HttpClient的示例代码：

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

@Injectable({
  providedIn: 'root'
})
export class ApiService {
  private apiUrl = '/api';

  constructor(private http: HttpClient) { }

  getData() {
    return this.http.get(`${this.apiUrl}/data`);
  }
}

在这个示例中，我们假设要请求的实际目标URL是http://api.example.com/data。通过设置private apiUrl = '/api'，我们可以在发送请求时使用${this.apiUrl}/data，而不是完整的URL。这将确保请求被代理并避免CORS错误。

这样，你就可以在Angular中使用HttpClient发送跨域请求而不会遇到CORS错误了。