Axios post request.bodyは空のオブジェクトです

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

私はaxiosを介してデータをポスト - request.bodyは常に{} あるしかし、私は通常のフォームを介してデータを投稿した場合 - すべて正しいです - request.bodyにはすべての予想データが含まれています。

私はアキシャスに何が間違っていますか？

Answer 1

ミドルウェアが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}));