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
Get help from others!
Recent Answers
Recent Questions
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP