带有codeSandBox（响应/节点）的HTTP请求错误

Question

我在在线IDE中有一个奇怪的错误，例如CodeSandBox / StackBlitz。 我做了一个示例http请求（使用axios，但是使用fetch或其他方法，问题是相同的），并尝试在控制台中打印响应。 我在前面使用React，在后面使用节点（监听端口8080）， 当我使用npm start（http://[public ip]:8080/coucou中的localhost：3000和http请求）对create react app进行完全相同的操作时，我会精确地完成这项工作。

在此处反应代码（请求位于Main.js文件中）： https://codesandbox.io/s/ww28ry45pl

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

这是服务器在codeSandBox中返回的错误（由catch bloc捕获）：

  

错误{堆栈：   “ createError @ https://ww28ry45pl.codesandbox.io/node_modules/axios/lib/core/createError.js:16:15   handleError @ https://ww28ry45pl.codesandbox.io/node_modules/axios/lib/adapters/xhr.js:87:14   “}

我没有发现任何有关此问题的信息。

Answer 1

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

Answer 2

只需在URL中没有http://前缀的情况下重试即可。我解决了同样的错误：）