期望获得客户端＆＃x27;用用户名调用`req.body.username`。但是，调用“ req.body”返回一个奇怪的格式字符串

Question

问题是，当我在服务器中调用req.body时，它会返回一个奇怪的格式字符串，而不是json对象

我希望我将其作为JSON对象由于我已经从客户端端传递了它：

const handleSubmit = async e => {
    e.preventDefault();
    const url = "http://localhost:4000/signup";
    var credentials = JSON.stringify({
        "username": e.target[0].value,
        "email": e.target[1].value,
        "password": e.target[2].value
    })
    const config: AxiosRequestConfig = {
        method: 'post',
        url: url,
        data: credentials,
        headers: {
            'Content-Type': 'application/x-www-form-urlencoded',
        }
    }
    console.log('@singup credentials:', credentials)  // <----- CONSOLE LOGS THATS PRINTED
    try {
        const resp = await axios(config)
        console.log('data:',resp.data);
    } catch (err) {
        // Handle Error Here
        console.log('at signup post error:')
        console.error(err);
    }
}

我的服务器代码是：

app.route("/signup")
.post((req, res) => {
    console.log("req.body:")
    console.log(req.body) // <----- CONSOLE LOGS THATS PRINTED
    var user = new User({
        username: req.body.username,
        email: req.body.email,
        password: req.body.password,
    });
    user.save((err, docs) => {
        if (err) {
            console.log('signup POST req fail from /signup endpoint')
            res.send("error in signpu post")
        } else {
            req.session.user = docs;
            res.redirect("/dashboard");
        }
    });
});

我从客户端端和服务器端看到的日志如下：

sstatic.net/uopfu.jpg“ rel =“ nofollow noreferrer 编码在我的服务器代码中打开：

app.use(bodyParser.json()); // support json encoded bodies
app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies

要更具体地在我的问题上具体说明：

• 为什么我不将req.body作为服务器端的JSON对象？我知道我将数据传递为“ www-form-urlenceded”，那么我是否需要从客户端/服务器端进行编码和解码以将传递数据读取为JSON？我想在我的nodejs后端中调用req.body.username，以获取从前端传递的用户名。
• 从客户端添加/删除json.stringify这里没有效果，不是吗？

如果您需要有关该项目的更多信息，请在下面发表评论，我将编辑帖子以包含询问信息。

Answer 1

由于数据编码为JSON，因此您需要在请求中使用正确的内容类型：

headers: {
  'Content-Type': 'application/json',
}

或者，更容易，让Axios照顾它（因为默认为JSON）：

const config: AxiosRequestConfig = {
  method: 'post',
  url:    url,
  data:   {
    username: e.target[0].value,
    email:    e.target[1].value,
    password: e.target[2].value
  }
}