Axios post request.body là đối tượng trống

Question

Tôi đang cố gắng đăng dữ liệu từ phản ứng của mình. Phụ trợ - thể hiện. Đây là mã backend:

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

Phản ứng mã:

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

Khi tôi gửi dữ liệu thông qua Axios - request.body luôn là {} Nhưng nếu tôi gửi dữ liệu thông qua hình thức bình thường - tất cả là đúng - request.body chứa tất cả dữ liệu dự kiến.

Tôi đang làm gì với trục?

Answer 1

Bạn đang thiếu một phần mềm trung gian, bodyParser.json(). Thêm nó vào cấu hình của bạn.

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