Axios post request.body is empty object

Question

我想从我的反应中发布数据。后端 - 表达。 这里是后端代码：

var express = require('express'); 
var app = express(); 
var bodyParser = require("body-parser"); 
var methodOverride = require("method-override"); 
var mongoose = require("mongoose"); 
var expressSanitizer = require("express-sanitizer"); 

mongoose.connect("mongodb://localhost/blog-react"); 

//app config 
app.set("view engine", "ejs"); 
app.use(express.static("public")); 
app.use(bodyParser.urlencoded({extended: true})); 
//must be after parser 
app.use(expressSanitizer()); 
app.use(methodOverride("_method")); 

//schema config 
var blogSchema = new mongoose.Schema({ 
    title: String, 
    image: String, 
    body: String, 
    //it should be date. With default value now. 
    created: { 
     type: Date, default: Date.now 
    } 
}); 

var Blog = mongoose.model("Blog", blogSchema); 


function handle500(response, error){ 
    console.log(error.stack); 
    response.status(500); 
    response.json({error: "error: internal server error"});  
} 

app.post("/api/blogs", function(request, response){   
    var blog = { 
     title: request.sanitize(request.body.title), 
     image: request.sanitize(request.body.image), 
     body: request.sanitize(request.body.body) 
    }; 
    console.log(request.body); 
    Blog.create(blog, function(error, newBlog){ 
     if(error){ 
      console.log("inside post handler ERROR") 
      handle500(response, error); 
     } 
     else{ 
      console.log("inside post handler OK") 
      response.json({status: "success"});   
     } 
    }); 
}); 

阵营代码：

var requestUrl = "/api/blogs";  
    var blog = { 
     title: "a", 
     image: "b", 
     body: "c" 
    } 
    axios.post(requestUrl, blog) 
    .then(function(response){ 
     console.log("success",response.data) 
    }) 
    .catch(function(response){ 
     console.log("error", response); 
    }); 

当我通过爱可信发布的数据 - request.body总是{} 但是，如果我通过发布定期表单数据 - 所有是正确的 - request.body包含所有预期的数据。

我在做什么与axios错误？

Answer 1

您缺少一个中间件bodyParser.json()。将其添加到您的配置中。

mongoose.connect("mongodb://localhost/blog-react"); 

app.set("view engine", "ejs"); 
app.use(express.static("public")); 
app.use(bodyParser.json()); // <--- Here 
app.use(bodyParser.urlencoded({extended: true}));