nodeJS 无法接收来自 React API 的请求

Question

我有一个运行 React 的前端。这是我调用 API 的代码

componentDidMount(){
      const jso = JSON.stringify({
        username: 'admin@etsmtl.ca',
        password: 'admin'
      })
      fetch("https://desolate-escarpment-15258.herokuapp.com/authentication", {
        method: 'POST',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json'
        },
        body: jso,
      }).then(res => res.json()).then((result) => {
        this.setState({
          answer: result.answer
        })

      }, (error) => {
        this.setState({isLoaded: true, error});

      })
  }

现在这是来自 nodeJS 服务器的代码

var express = require('express');
var app = express();
var cors = require('cors');
var bodyParser = require('body-parser')

//setting port
var port = process.env.PORT || 5000

//helps node to pasre JSON
app.use(bodyParser.json());

//Enabeling all Access-Control-Allow-Origin
app.use(cors());

app.get('/', function(req, res){
    res.send({answer: "hello world!"});
})

app.post('/authentication', function(req, res){
    console.log(req.body);
    res.send({answer: req.body});
})

app.listen(port, function(){
    console.log("app running");
})

问题：nodeJS 无法处理来自 React 的请求。

我现在两台服务器之间的连接工作正常，因为当我在 nodeJS 中执行 res.send("hello Wolrd"); 时我可以收到答案

仅供参考，nodeJS 由 heroku 托管，reactJS 由 AWS S3 托管。但是我们在本地尝试过，但都没有成功

Answer 1

其实我找到了办法！！基本上，我们需要防止使用url...

var express = require('express');
var app = express();
var cors = require('cors');
var bodyParser = require('body-parser')
var mysql = require("mysql");

//setting port
var port = process.env.PORT || 5000

//helps node to pasre JSON
/*LINE BELOW HAS BEEN ADDED TO PREVENT USE OF URL*/
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(bodyParser.json());

//etc...

Answer 2

在 componentDidMount() 中，body 设置为 jso。更改为body: json 或许它可能会起作用。

设置app.use(cors())这样app.use(cors( {origin: '*' }));

我也有一个类似的问题，当我处于构建模式时，我能够在后端访问我的数据库，但当我上传到子域 (Netlify) 时，它却无法正常工作。

它在 Netlify 中对我不起作用，但你应该尝试看看我这可能在 heroku 中起作用。