Ошибка использования конечной точки api-football.com (связано с CORS)

Question

Я пытаюсь использовать эту конечную точку на api-football.com

Вот их документация: https://www.api-football.com/documentation-beta#section / Authentication

Ошибка: Доступ к XMLHttpRequest по адресу 'https://v3.football.api-sports.io/teams?id=40' from origin 'http://localhost: 4200 ' заблокирован политикой CORS: поле заголовка запроса x-rapidapi-host не разрешено Access -Control-Allow-Headers в предполетном ответе.

Вот мой код:

    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', []))
    );

Я понимаю, что такое CORS, но не знаю, как его исправить в этом случае? Я использую Angular 9.

Answer 1

Ehy!

самым простым решением было бы использовать серверную часть в качестве промежуточного программного обеспечения для отправки запроса стороннему API. Эта и другие более сложные альтернативы здесь

Answer 2

проблема в сервере, он должен принять ваш запрос.

Если после развертывания они будут на одном сервере, вы можете отключить cors в своем браузере, если нет, вам нужно обновить сервер