在Codepen与Postman中获取API调用

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密钥...