TransWikia.com

Consumir API REST de um endpoint HTTPS com Angular 10 (CORS)

Stack Overflow em Português Asked by Phelipe Chiarelli on January 13, 2021

Preciso consumir uma API REST em um projeto em Angular 10, mas estou travando no problema do CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

O endereço da API é https://api.sportradar.us/nascar-ot3/sc/2020/drivers/list.json?api_key=cgkktrbfbesahb3fnxq63uar

Criei o arquivo nascar-driver-list.service.ts para buscar os dados da API:

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
@Injectable({
  providedIn: 'root'
})

export class NascarDriverListService {

  API_KEY: string = 'cgkktrbfbesahb3fnxq63uar';  

  constructor(private http: HttpClient) { }

  public getNascarDriverList(): Observable<any> {
     return this.http.get('api/nascar-ot3/sc/2020/drivers/list.json?api_key='+this.API_KEY);
  }
}

E seguindo alguns tutoriais de criação de um proxy para passar pelo CORS, criei o arquivo proxy-config.js

const proxy = [ {
context: '/api',
target: 'https://api.sportradar.us',
pathRewrite: { '^/api': '' },
secure: false,
changeOrigin: true
}
];
module.exports = proxy;

E no package.json do projeto editei a linha "start": "ng serve --proxy-config proxy-config.js"

Mesmo seguindo os tutoriais ainda estou com o bloqueio de acesso à API pelo CORS e ainda me retorna o seguinte erro no terminal:

[HPM] Error occurred while trying to proxy request /nascar-ot3/sc/2020/drivers/list.json?api_key=cgkktrbfbesahb3fnxq63uar from localhost:4200 to https://api.sportradar.us/nascar-ot3/sc/2020/drivers/list.json?api_key=cgkktrbfbesahb3fnxq63uar (ETIMEDOUT) (https://nodejs.org/api/errors.html#errors_common_system_errors)

Quem me socorre nessa?

Abraços

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP