如何在带有 axios 的 reactjs 中使用 Mocky API答案

【问题标题】：How to use Mocky API in reactjs with axios如何在带有 axios 的 reactjs 中使用 Mocky API
【发布时间】：2020-09-18 15:28:34
【问题描述】：

谁能帮我看看如何使用 Axios 在 ReactJS 中调用 Mocky API？

这是我的 CodeSandbox 链接：MockyAPIReactJS

我已经在上下文 API 中调用了该 API。只是想 console.log 数据，我会处理它。

userData=async()=>{
await axios.get('http://www.mocky.io/v2/5ba8efb23100007200c2750c')
.then(res=>console.log(res.data))
.catch(err=>console.log("UserData Error",err))
}

componentDidMount(){
this.userData()
}

【问题讨论】：

你能把问题中的相关代码也贴出来吗？

标签： javascript reactjs

【解决方案1】：

您的代码在源 https://codesandbox.io/ 下运行，正试图向源 http://www.mocky.io/ 发出 HTTP 请求。大多数浏览器会在安全 URL 的上下文中阻止访问非安全 URL，这就是发生在您身上的事情。

将http://www.mocky.io/ 更改为https://www.mocky.io/ 似乎让请求通过as this fork shows。

熟悉浏览器的开发者工具，尤其是其中的网络标签，因为它会告诉你请求被阻止的原因。

【讨论】：