Javascript 使用端点api-football.com时出错（与CORS相关）

我正试图在api-football.com上使用这个端点

以下是他们的文件：

错误是：CORS策略已阻止从源“”访问“”处的XMLHttpRequest:飞行前响应中的访问控制允许标头不允许请求标头字段x-rapidapi-host

这是我的密码：

    httpOptions.headers = new HttpHeaders({
     // 'Access-Control-Allow-Origin': '*',
     // 'Access-Control-Allow-Methods': 'GET',
     // 'Accept': '*/*',
     'Content-Type': 'application/json',
     'x-rapidapi-host': 'v3.api-football.com',
     'x-rapidapi-key': this._publicKey,
    });

    const url = 'https://v3.football.api-sports.io/teams?id=40';

    return this.http.get<any>(url, httpOptions)
     .pipe(
       catchError(this.handleError('getLiverpool', []))
    );

httpOptions.headers=新的HttpHeaders({
//“访问控制允许来源”：“*”，
//“访问控制允许方法”：“获取”，
//“接受”：“*/*”，
“内容类型”：“应用程序/json”，
“x-rapidapi-host”：“v3.api football.com”，
“x-rapidapi-key”：这是公钥，
});
常量url=https://v3.football.api-sports.io/teams?id=40';
返回此.http.get（url，httpOptions）
.烟斗(
catchError（this.handleError（'getLiverpool'，[]））
);

---

我知道CORS是什么，但不知道在这种情况下如何修复它？我正在使用Angular 9。

问题在于服务器，它需要接受您的请求

如果一旦部署，它们将在同一台服务器上，您可以在浏览器中禁用cors，否则，您必须更新服务器

---

最简单的解决方案是使用后端作为中间件将请求发送到第三方API。这和其他更复杂的备选方案

这是否回答了您的问题？