如何使用nodejs将从外部graphql api接收到的数据发送到前端（reactjs）

Question

我在互联网上找到的这个graphql api在我从前端使用fetch或apollo客户端调用它时显示cors错误，所以我搜索了一个解决方案，我发现如果我从服务器调用api，cors错误就会消失所以我按照关于 express 的基本教程进行了设置，然后在我的server/index.js中调用 graphql api

const express = require("express");
const rp = require("request-promise");
rp("https://.../graphql", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    query: `
          query {
              heroSearchByName(name: "John") {
                name
              }
          }
          `,
  }),
})
  .then((body) => {
    console.log(body); // result
  })
  .catch((err) => {
    console.log(err);
  });

const PORT = 4000;
const app = express();
console.log(`Server listening on http://localhost:${PORT} ...`);
app.listen(PORT);

现在我在终端中取回数据，但我不知道如何将这些数据发送回位于frontend/App.js 的前端以在我的页面上显示数据。有人可以帮我弄这个吗 ？我对表达和graphql很陌生，所以我可能做错了。谢谢

Answer 1

这个想法是这样的：

1. 前端向后端应用发出请求。
2. 后端从 GraphQL API 获取数据并将其返回给客户端。

所以在你的快递应用上建立一条路线

const express = require("express");
const rp = require("request-promise");

app.post('/fetchData', function (req, res) {
rp("https://.../graphql", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    query: `
          query {
              heroSearchByName(name: "John") {
                name
              }
          }
          `,
  }),
})
  .then((body) => {
    res.send(body)
  })
  .catch((err) => {
    console.log(err);
  });


})

const PORT = 4000;
const app = express();
console.log(`Server listening on http://localhost:${PORT} ...`);
app.listen(PORT);
``