codeSandBox (React/Node) 的 Http 请求错误答案

【问题标题】：Http request error with codeSandBox (React/Node)codeSandBox (React/Node) 的 Http 请求错误
【发布时间】：2019-01-19 14:48:36
【问题描述】：

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

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

当我将 http://[public ip]:8080/coucou 放入该工作时，我得到了来自服务器的良好响应。

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

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

我没有发现任何关于这个问题的信息。

【问题讨论】：

我遇到了同样的错误。仍然没有解决方案。
刚遇到同样的问题，有消息吗？有什么设置要改吗？

标签： javascript node.js reactjs codesandbox

【解决方案1】：

这是因为您正在从安全通信点（代码沙箱）发出 HTTP 调用。您可以简单地在您的公共 URL 上使用/添加https，它应该可以工作。 HTTP Ajax Request via HTTPS Page

【讨论】：

【解决方案2】：

只需在 URL 中不带 http:// 前缀的情况下重试即可。我解决了同样的错误:)

【讨论】：

【解决方案3】：

在我的情况下，我是从 https 中的代码沙箱调用 Localhost。我通过在我的本地主机服务器上启用 CORS 处理来解决它。

【讨论】：