Node.js中Axios POST请求响应异常，Fetch正常，需配置Axios吗？

出现这种差异的核心原因是Axios与Fetch的默认请求处理逻辑存在细微差别，只需调整Axios的请求配置即可解决：

必要的配置修改 #

1. 显式指定Content-Type请求头 #

尽管Axios默认会为JSON请求体添加application/json头，但部分API对请求头的校验较为严格，显式声明可避免兼容问题：

const axios = require('axios');

const requestData = {
    "query":{},
    "options":{
        "pagination":false,
        "populate":[
            {
                "path":"rocket",
                "select":{
                    "name":1
                }
            },
            {
                "path":"payloads",
                "select":{
                    "customers":1
                }
            }
        ]
    }
};

axios.post('https://api.spacexdata.com/v4/launches/query', requestData, {
    headers: {
        'Content-Type': 'application/json'
    }
})
.then(response => console.log(response.data))
.catch(err => console.error(err));

2. 手动控制请求体序列化 #

如果Axios默认的JSON序列化逻辑与API预期不符，可通过transformRequest强制按标准JSON格式序列化：

axios.post('https://api.spacexdata.com/v4/launches/query', requestData, {
    headers: {
        'Content-Type': 'application/json'
    },
    transformRequest: [(data) => JSON.stringify(data)]
})
.then(response => console.log(response.data))
.catch(err => console.error(err));

3. 排查全局拦截器干扰 #

若项目中配置了Axios全局拦截器，需检查是否有代码修改了请求头、请求体或响应数据，这可能导致返回结果异常。

验证方法 #

对比Axios与Fetch的请求详情（可通过console.log(response.config)查看Axios请求配置），确保两者的请求头、请求体完全一致，即可定位差异点。

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