如何在 react.js 中获取本地 api

Question

我是新人，我正在尝试在本地获取我自己的 api，这就是我所做的： 在“src/server.js”中

const express = require("express");
const app = express();

app.get("/api", (request, response) => {
  response.sendFile("api.js", { root: __dirname });
});

app.listen(8000);

然后我使用 creat-react-app 创建一个 react 项目，如何在 App.js 中调用我的 api？ 如果我的情况不完整，请告诉我。

Q1：使用server.js，运行“node server.js”后，我可以在浏览器中调用这个文件，这意味着我已经做了一个api，对吧？ Q2：如何在 App.js 中从我的 api.js 中获取价值而不会出现 cors 问题？

Answer 1

首先您应该将您的请求地址添加到 package.json 文件中。例如，如果您想向https://localhost:5000/ 发送http 请求，您应该在您的package.json 文件中添加"proxy":"http://localhost:5000" 行。

添加此行后，您可以发送http请求而不会出现CORS错误。

您还可以使用 fetch 功能在您的反应代码（App.js）中发送请求并从服务器端获取响应。

fetch('/api')
  .then((response) => response.json())
  .then((data) => console.log(data));