Axios发送GET请求时请求体为空问题咨询（Express集成Body-Parser场景）

嘿，这个问题我之前踩过坑！核心原因是HTTP GET请求的设计规范和Axios的默认行为导致的，咱们一步步来理清并解决：

为什么会出现这个问题？ #

首先要明确两个关键点：

• HTTP规范里虽然没有完全禁止GET请求带请求体，但绝大多数后端框架（包括Express）、服务器甚至CDN都会忽略GET请求的请求体，因为这不符合GET请求“获取资源”的语义设计。
• Axios在处理GET请求时，你传入的data参数并不会被放到请求体中，而是会自动转换为URL的查询参数（query string），这就是为什么你用req.query能拿到数据，但req.body是空对象的原因。

两种解决方案（根据你的业务需求选择） #

方案一：用GET请求的标准方式传参（推荐） #

既然是获取数据的场景，完全符合GET请求的语义，直接用Axios的params配置项来传递参数就可以了，这是Axios专门为GET请求设计的传参方式：

getInformation(name) {
  return instance
    .get('/getSeason/', {
      params: { sName: name } // 替换原来的data为params
    })
    .then((res) => { console.log(res); });
}

后端不需要做任何修改，依然通过req.query.sName来获取参数即可，这完全符合HTTP规范，兼容性也最好。

方案二：改用POST请求传递请求体（仅业务特殊需求时使用） #

如果你的业务逻辑确实需要用请求体传递数据，那建议把请求方法改成POST（或者PUT/PATCH，根据操作语义选择），因为这类请求方法本来就支持携带请求体：

前端代码修改：

getInformation(name) {
  var data = { sName: name };
  return instance
    .post('/getSeason/', data) // 将get改为post
    .then((res) => { console.log(res); });
}

后端代码修改：

把路由的请求方法改成POST，然后通过req.body获取数据：

app.post('/getSeason/', (req, res) => {
  // 这里可以正常拿到req.body.sName
  console.log('请求体数据：', req.body);
  // 后续业务处理...
});

补充说明 #

你之前设置的Content-Type: application/json在GET请求中是无效的，因为GET请求没有请求体，所以Body-Parser中间件也没有内容可以解析，这也是req.body为空的一个原因。

内容的提问来源于stack exchange，提问作者user8472012