使用Axios传递JSON对象至API时，服务器端解析[object Object]字符串报错

看来你踩了个常见的坑——混淆了**URL路径参数（req.params）和POST请求体（req.body）**的用法，再加上对Axios参数传递逻辑的误解，才导致了这个奇怪的问题。我来帮你一步步理清：

问题根源拆解 #

1. req.params的本质：它是用来获取URL路径里的占位参数的（比如/api/users/:userId中的userId），只能存字符串类型的键值对，根本无法直接接收JSON对象。当你把JSON对象当作params传递时，Axios会自动调用对象的toString()方法，把它转成"[object Object]"字符串，这就是后端拿到这个结果的原因。
2. JSON.parse报错的原因："[object Object]"完全不是有效的JSON格式，第一个字符就是o，违背了JSON的语法规则，所以解析时必然抛出语法错误。

正确的解决方案 #

1. 前端：用Axios正确发送POST JSON数据

POST请求的JSON数据应该放在请求体里，而不是params参数中。Axios默认会自动设置Content-Type: application/json，并把你传入的对象序列化为JSON字符串，写法如下：

// 前端Axios代码示例
const postData = { username: "john", age: 28 };
axios.post('/your-api-path', postData)
  .then(res => {
    console.log("请求成功", res.data);
  })
  .catch(err => {
    console.error("请求失败", err);
  });

2. 后端：确保配置了JSON解析中间件

如果你的后端用Express框架，必须先添加express.json()中间件，才能正确解析请求体里的JSON数据，否则req.body会是undefined：

// 后端Express代码示例
const express = require('express');
const app = express();

// 关键步骤：添加JSON解析中间件
app.use(express.json());

app.post('/your-api-path', (req, res) => {
  // 这里用req.body获取前端传来的JSON对象
  console.log(req.body); // 此时会是完整的JSON对象
  console.log(typeof req.body); // 输出"object"
  res.status(200).json({ msg: "数据接收成功" });
});

额外说明：如果确实需要传URL参数 #

如果你真的要在URL上传递参数（而非请求体），得把对象拆成键值对形式，Axios会自动拼接成URL查询参数：

// 正确传递URL查询参数的写法
axios.post('/your-api-path', {}, {
  params: { id: 101, type: "admin" }
});
// 最终URL会变成：/your-api-path?id=101&type=admin
// 后端可以用req.query获取这些参数

内容的提问来源于stack exchange，提问作者Arron J. Linton