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

标签 javascript node.js reactjs codesandbox

我在 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 "}

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

最佳答案

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

关于javascript - codeSandBox (React/Node) 的 Http 请求错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51812727/

相关文章:

javascript - 使用 axios 和 react 从 api 获取数据

javascript - JS 中计算器给出错误结果

javascript - 为什么我的工厂需要使用 angular.copy?

php - 使用 jQuery 但不使用 AJAX 将 JSON 数组传递给 PHP 脚本

node.js - 为什么不在 package.json 文件中指定特定的包版本?那么我们就不需要package-lock.json

node.js - 如何使用 Node.js 确定当前的操作系统

javascript - 编辑方法未检索适当的信息 [错误] React

javascript - 在纯javascript中选择任何随机div后,如何通过每次点击在循环中一个接一个地选择nextElementSibling项目?

javascript - Node.js 错误 : connect ECONNREFUSED

javascript - React 更新 checkmarx 标记的过时依赖项