codeSandBox请求错误(React/Node)

Question

我在在线IDE中有奇怪的错误，比如CodeSandBox/StackBlitz。我执行一个示例http请求(使用axios，但使用fetch或其他方法时，问题是相同的)，并尝试在控制台中打印响应。我使用React作为前端和节点(侦听端口8080)作为后端，当我使用http://[public ip]:8080/coucou启动(localhost:3000和http://[public ip]:8080/coucou中的http请求)对create应用程序做完全相同的操作时，我精确地确定了这一点。

在这里反应代码(请求在Main.js文件中)：https://codesandbox.io/s/ww28ry45pl

当我将http://[public ip]:8080/coucou放到服务器上时，我得到了服务器的良好响应。

在这里，服务器在codeSandBox中返回的错误(由catch块捕获)：

错误{堆栈："createError@modules/axios/lib/core/createError.js:16:15 handleError@modules/axios/lib/adapters/xhr.js:87:14 "}

关于这个问题我什么也没发现。

Answer 1

这是因为您正在从安全的通信点(代码框)进行HTTP调用。您只需在公共的https URL上使用/添加，它就可以工作了。HTTP Ajax Request via HTTPS Page

Answer 2

在我的例子中，我从https中的codesandbox调用Localhost。我通过启用本地主机服务器上的CORS来解决这个问题。

Answer 3

只需在URL中不带http://前缀再试一次。我解决了同样的错误:)