REST API端点在react中使用axios时不返回任何响应,但在浏览器中却能正常工作。

我用express和bodyParser创建了一个简单的REST API,它可以在GET请求中返回一个json对象到base url。在浏览器中工作得很好,并返回预期的内容。

API端点: https:/jk9j0.sse.codesandbox.io。.

编码:https:/jk9j0.sse.codesandbox.io。https:/codesandbox.iosmagical-montalcini-jk9j0。

然后我设置了一个基本的react应用,通过发送一个带有axios的GET请求来消费这个API。但是在调用上面的API端点时,我没有得到任何响应。试图抓住 error.request 对象,我没有看到标题中有任何明显的错误。该 error 对象本身说’网络错误’。不知道为什么,当API在浏览器中正常工作时。

注意:当我把我的API url替换成另一个预期发送类似响应的url时,一切都很正常。工作的那个。https:/jsonplaceholder.typicode.composts.我没有创建那个,但是用它来模拟我的json对象。

React代码。https:/codesandbox.ioshungry-sun-rq94r。

我试着从几个角度调查,但没有结果。我在这里遗漏了什么?我需要在请求中设置一些头文件吗?这是CORS的问题吗?

解决方案:

是的,这原来是一个CORS问题。在发送响应之前,必须在API端点应用头。res.header("Access-Control-Allow-Origin", "*").

给TA打赏
共{{data.count}}人
人已打赏
解决方案

无法从应用程序中使用FaceTime

2022-4-21 22:00:12

解决方案

Dotnet核心SmtpClient - 在SendCompletedEventHandler上插入数据到db中。

2022-4-21 22:00:14

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索