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}));