为什么 axios 不发布不能与 react/express 一起正常工作答案

【问题标题】：Why is axios not post not working properly with react/express为什么 axios 不发布不能与 react/express 一起正常工作
【发布时间】：2018-05-20 19:33:12
【问题描述】：

在我的反应客户端中，我有一个表单，当用户输入某些内容时，它会进入状态并且可以正常工作。但是当我尝试点击提交时，它应该做一个 axios 帖子，这是我点击提交时调用的函数

handleSubmit(event) {
        axios.post('/api/newBlog', this.state.title)
            .then(res => console.log("Dog"));
        event.preventDefault();
    }

它也不会打印出“Dog”，它只是直奔路线。在快速路线中，我有这个代码：

app.post('/api/newBlog', (req, res) => {
        console.log(req.body);
    });

但是当它执行控制台日志时，它会打印出“未定义”。当我只打印出 req 而没有 .body 时，它会打印出一个没有我传入的任何数据的巨大对象。我错过了什么吗？

【问题讨论】：

标签： javascript node.js reactjs express post

【解决方案1】：

this.state.title 不是一个对象，这是axios.post 所期望的，它（我认为）是一个字符串。
axios.post('/api/newBlog',{ title: this.state.title })... 应该可以工作。

【讨论】：

太棒了，这完全有效，我也投入了我的整个状态，而且也有效
很高兴听到。如果它解决了它，你可能应该接受这个答案:)

【解决方案2】：

实际上，我在后端的 index.js 文件中发现，我根本没有使用 body-parse。完全忘记了它的需要

【讨论】：