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

Posted 2023-02-19

【中文标题】codeSandBox (React/Node) 的 Http 请求错误

【英文标题】：Http request error with codeSandBox (React/Node)

【发布时间】：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 "

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

【问题讨论】：

我遇到了同样的错误。仍然没有解决方案。

刚遇到同样的问题，有消息吗？有什么设置要改吗？

【参考方案1】：

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

【参考方案2】：

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

【参考方案3】：

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