json - 服务器未将 JSON 从 Express 返回到 React(代理)

Question

我正在尝试创建一个具有 React 前端(在端口 8080 上运行)和 Express-Node.js 后端(在端口 3000 上运行)的应用程序。我希望我的客户使用 fetch从我的服务器请求数据。到目前为止，我在网上读到的内容表明我需要添加 proxy进入我的package.json值为http://localhost:3000 。我已经这样做了，我的服务器正确接收了请求，但它的响应不是我所期望的(JSON 对象)。我做错了什么？

//Server
app.get('/search', function(req, res) {
...
      //console.log(section) <-- Is the correct value
      res.json(section);
    })
...
app.listen(3000)


//Client
  handleTouchTap() {
    fetch('/search?crn=10001').then(function(response) { //<-- Hard-coded for testing
      return response; //<-- Does not contain the value of "section" from server
    }).then(function(data) {
            console.log(data); //<-- Likewise, does not contain the value
    });
  }

//From package.json
...
    "proxy": "http://localhost:3000",
...

Answer 1

您需要拉出 json从你的response中:

fetch('/search?crn=10001')
  .then(response => response.json())
  .then(section => console.log(section));