首页 > 解决方案 > codeSandBox (React/Node) 的 Http 请求错误

问题描述

我在 CodeSandBox/StackBlitz 等在线 IDE 中遇到奇怪的错误。我做了一个示例 http 请求(使用 axios 但使用 fetch 或其他问题是一样的)并尝试在控制台中打印响应。http://[public ip]:8080/coucou我在前面使用 React,在后面使用节点(监听端口 8080),当我使用 npm start(localhost:3000 和 http 请求 in )对 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/适配器/xhr.js:87:14 "}

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

标签: javascriptnode.jsreactjscodesandbox

解决方案


这是因为您正在从安全通信点(代码沙箱)进行HTTP调用。您可以简单地https在您的公共URL上使用/添加它,它应该可以工作。通过 HTTPS 页面的 HTTP Ajax 请求


推荐阅读