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

Question

我在 CodeSandBox/StackBlitz 等在线 IDE 中遇到奇怪的错误。我做了一个示例 http 请求(使用 axios 但使用 fetch 或其他问题是相同的)并尝试在控制台中打印响应。我在前端使用 React，在后端使用 Node(监听端口 8080)，当我使用 npm start (localhost:3000 和 http://[public ip]:8080/coucou 中的 http 请求)对 create React app 执行完全相同的操作时，我精确地说明了这一点。

此处的 react 代码(请求位于 Main.js 文件中): https://codesandbox.io/s/ww28ry45pl

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

这是服务器在 codeSandBox 中返回的错误(由 catch block 捕获):

Error {stack: "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

这是因为您正在从安全通信点 (codesandbox) 发出 HTTP 调用。您只需在公共(public) URL 上使用/添加 https 即可。 HTTP Ajax Request via HTTPS Page