Axios升级至v1.6.7后无法处理二进制响应返回500错误求助

从v0.21.4升级到v1.6.7后出现500错误，核心原因是Axios大版本迭代中默认行为的变化，导致发送的请求与旧版本存在差异，触发了服务器端错误。结合你的代码和场景，可按以下步骤排查解决：

1. 对比新旧版本的请求差异 #

先抓包或通过拦截器打印请求的头信息和请求体，确认v1.x发送的请求和旧版本/Postman的区别：

// 添加请求拦截器打印请求详情
axios.interceptors.request.use(config => {
  console.log('请求头:', config.headers);
  console.log('请求体:', config.data);
  return config;
});

重点关注：

• Content-Type是否正确设置为application/json
• 请求体是否和Postman发送的完全一致（比如是否被重复序列化）
• 是否存在额外自动添加的请求头（如Accept、Content-Length）

2. 手动序列化请求体 #

Axios v1.x对请求体的自动序列化逻辑可能和v0.x不同，如果bodyData是JSON对象，手动序列化避免差异：

const options = {
  url: url,
  method: 'POST',
  responseType: 'arraybuffer',
  data: JSON.stringify(bodyData), // 手动转为JSON字符串
  headers: {
    'Content-Type': 'application/json'
  }
}
await axios(options)

3. 显式设置Accept请求头 #

Axios v1.x的默认Accept头可能与旧版本不同，若服务器对Accept头有严格要求，显式添加符合预期的头：

headers: {
  'Content-Type': 'application/json',
  'Accept': 'application/pdf, application/json, */*' // 根据服务器支持的类型调整
}

4. 跳过默认的请求转换逻辑 #

Axios v1.x的transformRequest默认行为可能修改了请求体，直接跳过默认转换：

const options = {
  url: url,
  method: 'POST',
  responseType: 'arraybuffer',
  data: bodyData,
  headers: {
    'Content-Type': 'application/json'
  },
  transformRequest: [(data) => data] // 禁用默认的请求体转换
}
await axios(options)

5. 调整请求大小限制 #

Axios v1.x可能降低了默认的请求/响应大小限制，若请求体较大，显式设置无限制：

const options = {
  url: url,
  method: 'POST',
  responseType: 'arraybuffer',
  data: bodyData,
  headers: {
    'Content-Type': 'application/json'
  },
  maxBodyLength: Infinity,
  maxContentLength: Infinity
}
await axios(options)

如果以上方法仍无效，建议查看服务器端的500错误日志，明确服务器报错的具体原因（比如请求体解析失败、参数缺失等），再针对性调整。

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