如何在 React 上使用 SuperAgent 正确发送 JSON 数据

Question

我正在将我的 react 应用程序的状态发送到服务器（与前端服务器不同）。

        request.post('http://localhost:8000/guide')
        .send(JSON.stringify(this.state))
        .end((err, resp) => {
            if (err) console.log('Error: ' + err);
            else {
                console.log(resp.text);
            }
        });

问题出在接收端（后端服务器），我在 req.body 上得到以下信息：

{ '{"mainColor":"#F44336","accentColor":"#FFC107","appName":"sasa"}': '' }

我可以解决这个问题，但我很想找出正确的方法来解决这个问题，我尝试在没有 JSON.stringify 的情况下发送我的状态，但我的 req 正文上什么也没有后端。我还尝试了一些其他的东西，但无法让它以正确的方式工作。非常感谢！

Answer 1

我的建议，

    // http request code... use XMLHttpRequest instead of SuperAgent

    let http = new XMLHttpRequest();
    http.open('POST','http://localhost:8080/guide');
    http.onload = ()=>{
        if (http.status >=200 && http.status <300){
            console.log(http.responseText);
        }
    };
    let state = this.state;
    http.setRequestHeader("Content-Type", "application/json");
    http.send(JSON.stringify(state)); // send state as payload

    // server.js in nodejs
    var express = require('express');
    var bodyParser = require('body-parser');

    var app = express();

    app.use(bodyParser.json({limit: '100mb'}));

    app.use('/guide', function(req, res){
        var payload = req.body; // payload varibale has your state object
    })

在这个 server.js 中包含正文解析器，它负责您的请求正文并解析您的有效负载对象。