Как решить ошибку «Access-Control-Allow-Origin» при попытке доступа к API с локального хоста - PullRequest
Новая
       36

Как решить ошибку «Access-Control-Allow-Origin» при попытке доступа к API с локального хоста

0 голосов
/ 04 сентября 2018

Я видел много тем об этой ошибке, но я очень плохо знаком с js и apis, поэтому я не мог понять многое, поэтому я извиняюсь за статус noob.

Я пытаюсь получить доступ к API от Sportradar. Я тестирую его на простом реактивном проекте, созданном из create-Reaction-app и использующим axios. Когда я console.log данных я получаю эти ошибки: https://dzwonsemrish7.cloudfront.net/items/372w3g2b3F141t2P0K1G/Image%202018-09-04%20at%2011.33.38%20AM.png

Думаю, я не могу получить к нему доступ с локального хоста? вот моя функция с запросом: 

getPlayerInfo() {
  const apiKey = "my-api-key";
  const playerID = "41c44740-d0f6-44ab-8347-3b5d515e5ecf";
  const url = `http://api.sportradar.us/nfl/official/trial/v5/en/players/${playerID}/profile.json?api_key=${apiKey}`;


  axios.get(url).then(response => console.log(response));
}

1 Ответ

0 голосов
/ 04 сентября 2018

Если сервер поддерживает CORS, вам, вероятно, нужно добавить к вашему запросу этот заголовок: 

headers: {"Access-Control-Allow-Origin": "*"}

Ваш код будет выглядеть так: 

getPlayerInfo() {
  const apiKey = "my-api-key";
  const playerID = "41c44740-d0f6-44ab-8347-3b5d515e5ecf";
  const url = `http://api.sportradar.us/nfl/official/trial/v5/en/players/${playerID}/profile.json?api_key=${apiKey}`;
  const config = {
    headers: {'Access-Control-Allow-Origin': '*'}
  };


  axios.get(url,config).then(response => console.log(response));
}

Надеюсь, это поможет!

...