AnswerBun.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!

Related Questions

Como estilizar um Mat-paginator?

1  Asked on January 6, 2021 by matheus-ribeiro

   

Problemas ao carregar o Rcmdr

1  Asked on January 4, 2021 by amanda

 

Parar de aceitar dados para colocar em fila dinâmica

1  Asked on January 3, 2021 by paulo-roberto

   

Problema na entrada de valores – Golang

1  Asked on January 2, 2021 by marcelo

 

Como reunir dados de duas consultas em um objeto php?

1  Asked on January 2, 2021 by gustavosevero

   

SQL dúvida em consulta

1  Asked on December 30, 2020

         

Qual a diferença entre SQL Server, MySQL e outros SQL?

1  Asked on December 30, 2020 by gg-wingert

       

Dúvidas com Git Merge

0  Asked on December 30, 2020 by thagner-moreira-uramoto

     

Como receber id’s no controller/model

1  Asked on December 29, 2020 by gabriel-alcala

 

Ask a Question

Get help from others!

© 2022 AnswerBun.com. All rights reserved. Sites we Love: PCI Database, MenuIva, UKBizDB, Menu Kuliner, Sharing RPP, SolveDir