无法从 JSON API 获取数据

【问题标题】：Cannot get data from JSON API无法从 JSON API 获取数据
【发布时间】：2019-03-07 14:45:09
【问题描述】：

我想从这个端点获取数据。但是当我启动这段代码时，我在控制台上有这些东西： enter image description here

componentDidMount(){
fetch('https://rss.itunes.apple.com/api/v1/us/movies/top-movies/all/10/explicit.json', {mode: 'no-cors'})
  .then(res => console.log('dsdd',res))
  .catch(err => console.log('error', err))}

【问题讨论】：

该 API 未启用 CORS，因此浏览器会阻止您读取该数据。你可以例如创建您自己的服务器并代理请求。更多info here.

标签： json reactjs api

【解决方案1】：

你在使用 create-react-app 吗？它带有 http-proxy-middleware 来发出后端请求。您应该使用代理：https://facebook.github.io/create-react-app/docs/proxying-api-requests-in-development。在 package.json 中，添加：

"proxy": "https://rss.itunes.apple.com"

然后将你的抓取网址修改为

fetch('/api/v1/us/movies/top-movies/all/10/explicit.json')
  .then(res => console.log('dsdd',res))
  .catch(err => console.log('error', err))}

如果您不使用 CRA，我分享的链接中包含有关如何自行设置以利用 http-proxy-middleware 功能的说明。

【讨论】：