使用Axios POST请求无法向Express服务器发送对象数据

安全阿岳

2026-8-23

解决方案

核心问题：Express未配置JSON请求体解析中间件

Express默认不会自动解析application/json格式的请求体，这就是服务器拿不到数据的原因。你需要在服务器代码中添加express.json()中间件，让Express能解析axios发送的JSON数据。

步骤1：修改Express服务器代码

在你的Express应用中，务必在路由注册之前添加JSON解析中间件：

const express = require('express');
const cors = require('cors');
const app = express();

// 已启用CORS的前提下，先添加JSON解析中间件
app.use(cors());
app.use(express.json()); // 关键！这行必须放在路由前面

// 处理POST请求的路由
app.post('/customers', (req, res) => {
  // 现在req.body就是你从React发送的customerData对象
  console.log('收到的数据：', req.body);
  
  // 后续业务逻辑，比如存入数据库等
  res.status(200).json({ success: true, data: req.body });
});

app.listen(8080, () => {
  console.log('服务器运行在 http://localhost:8080');
});

步骤2：保持axios请求代码不变

你当前的axios代码完全正确，不需要对customerData做JSON.stringify处理——axios会自动将JS对象序列化为JSON字符串，同时设置请求头Content-Type: application/json：

axios
  .post("http://localhost:8080/customers/", customerData)
  .then((res) => {
    console.log(res.data);
  })
  .catch((err) => console.log(err));