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包含所有预期的数据。

我对axios做错了什么？

Answer 1

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

select name, max(main.temp) as temp
from weather103
group by city

Answer 2

对于使用 Express>=4.16 的人，bodyParser 已更改为以下内容：

app.use(express.json());

Answer 3

似乎只有两点可以使它起作用：

one：由于您要发送内容，因此应将http方法设置为POST而不是GET。

two：然后可以添加http标头（如您对授权标头所做的一样）Content-Type：'application / json`

在后端，不要忘了使用诸如body-parser这样的body解析器实用程序包，并通过您的应用进行设置。

我想您的服务器正在使用express，这是使用express的方式：

const express = require('express');
const app = express();
const bodyParser = require('body-parser')
const jsonParser = bodyParser.json();

app.use(jsonParser); // use it globally
app.get('your_route', jsonParser, otherMiddleware, (req, res) => ...); // use it for specific routes

/* ... rest of your code */

Answer 4

对我来说，问题是有效的JSON格式，其中包括变量的双引号。

此没有有效

      const res = await axios.post(serverPath + "/user/login", {
         email: email,
         password: password,
      });

此 DID 工作（在电子邮件和密码两边加上双引号）

      const res = await axios.post(serverPath + "/user/login", {
         "email": email,
         "password": password,
      });

Axios post request.body是空对象

4 个答案: