在节点JS服务器中使用提取请求时，它会接收到身体为空白

Question

我正在节点JS中的用户登录系统工作，并正在向服务器提出发布请求。

let data = {
    username: "John Doe",
    password: "123abc",
}

let options = {
    method: 'POST',
    headers: {
        "Content-type": "application/json"
    },
    body: JSON.stringify(data),
}

fetch('/verify-login', options).then(function(r) {
    return r.text();
}).then(function(dat) {
    if (dat == 'n') {
        document.getElementById('login-fail').innerHTML = 'User name or password is incorrect!';
    } else {
        console.log('Login Success');
    }
});

服务器端代码：

const express = require('express');
const port = 80;
const bodyParser = require("body-parser");
const fs = require('fs');

var app = express();

app.use(bodyParser.urlencoded({extended: true}));
app.use(bodyParser.json());
const cors = require("cors");
app.use(cors());

app.post('/verify-login', async function(q, r) {
    let dat = await q.body; //<-- Body is just {} not what the fetch request sent

    //do account check stuff with dat

    if (success) {
        r.send('y');
    } else {
        r.send('n');
    }
});

app.listen(port, function() {
    console.log("Started application on port %d", port);
});

此问题是在我接收请求时在服务器端，将带有'{}'返回正文。有人知道为什么会发生这种情况以及如何解决吗？

Answer 1

您可以通过body选项将各种数据类型传递给fetch。

如果您传递了无法识别的东西，它将其转换为字符串并发送。

将普通的对象转换为字符串并不能为您提供任何有用的东西。

let data = {
    username: "John Doe",
    password: "123abc",
}

console.log(`${data}`);

您说您正在发送JSON（使用content-type标题。因此，您需要实际发送JSON。

const json = JSON.stringify(data);