Undici 项目中 FormData 解析问题的技术分析与解决方案

问题背景

在 Node.js 生态系统中，Undici 作为高性能的 HTTP 客户端库，在处理 multipart/form-data 请求时遇到了一个典型问题。当开发者使用 Axios 发送包含文件上传的 POST 请求时，Undici 无法正确解析 FormData 格式的请求体，抛出"Failed to parse body as FormData"错误。

技术细节分析

这个问题的核心在于 multipart 边界(boundary)的处理机制。Axios 生成的请求体包含特定的边界标识符，例如：

--axios-1.6.8-boundary-3Jx5-4T27f9Yo6Ul865QObiBm
Content-Disposition: form-data; name="file"; filename="doc.txt"
Content-Type: text/plain

Helloworld
--axios-1.6.8-boundary-3Jx5-4T27f9Yo6Ul865QObiBm--

同时，请求头中的 Content-Type 也包含了相同的边界信息：

multipart/form-data; boundary=axios-1.6.8-boundary-3Jx5-4T27f9Yo6Ul865QObiBm

问题出现在 Node.js v21 到 v22 版本升级过程中，Undici 对 FormData 的解析逻辑变得更加严格，导致无法正确处理由第三方库生成的 multipart 请求体。

解决方案演进

Undici 团队在确认问题后，迅速提供了修复方案。他们创建了一个最小化复现案例，不依赖任何第三方库，直接使用原生 Response 对象模拟 Axios 生成的请求：

const response = new Response([
  '--axios-1.7.7-boundary-bPgZ9x77LfApGVUN839vui4V7\r\n' +
  'Content-Disposition: form-data; name="file"; filename="doc.txt"\r\n' +
  'Content-Type: text/plain\r\n' +
  '\r\n' +
  'Helloworld\r\n' +
  '--axios-1.7.7-boundary-bPgZ9x77LfApGVUN839vui4V7--\r\n' +
  '\r\n',
].join(''), {
  headers: {
    'content-type': 'multipart/form-data; boundary=axios-1.7.7-boundary-bPgZ9x77LfApGVUN839vui4V7'
  }
})

通过这个案例，团队能够精确地定位问题所在，并实施了相应的修复。

对开发者的建议

1. 版本兼容性：当升级 Node.js 主要版本时，特别是涉及到 HTTP 相关功能时，应该充分测试文件上传等边界情况。

2. 错误处理：在使用 FormData 进行文件上传时，应该添加适当的错误处理逻辑，捕获并记录解析失败的情况。

3. 替代方案：如果遇到类似问题，可以考虑暂时使用 Node.js 内置的 FormData 处理方式，或者等待相关修复版本发布。

4. 问题报告：当遇到类似问题时，应该准备最小化复现案例，包括完整的请求头和请求体信息，这将大大加快问题解决速度。

总结

这个案例展示了 Node.js 生态系统中底层库与上层应用之间微妙的兼容性问题。Undici 团队通过快速响应和精确修复，确保了文件上传功能的稳定性。对于开发者而言，理解 multipart/form-data 的工作机制和边界处理规则，将有助于更好地诊断和解决类似问题。