Получить вызов API в Codepen vs. Postman

Question

Я пытаюсь собрать некоторые данные из Last.fm API.Используя Почтальон, и с помощью звонка ниже я получаю ответ.

http://ws.audioscrobbler.com/2.0/?method=geo.gettopartists&country=spain&api_key=4a9f5581a9cdf20a699f540ac52a95c9

Когда я пытаюсь добиться того же результата на Codepen, я не получаю ответ.Это код, который я использую:

fetch("http://ws.audioscrobbler.com/2.0/?method=geo.gettopartists&country=spain&api_key=4a9f5581a9cdf20a699f540ac52a95c9")
    .then(response => response.json())
    .then(data => console.log(data))

Что мне здесь не хватает?

Answer 1

Как упоминалось обоими комментаторами

• Проблема CORS: вы можете добавить https://cors-anywhere.herokuapp.com/ (хакерский обход)
• указать тип данных json ...

Попробуйте, это должно работать:

fetch('https://cors-anywhere.herokuapp.com/http://ws.audioscrobbler.com/2.0/?method=geo.gettopartists&country=spain&format=json&api_key=4a9f5581a9cdf20a699f540ac52a95c9')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(err => console.log(err))

Примечание: вы не должны делиться этим ключом API ...