本文介绍了在前端开发中遇到的问题，即请求数据格式为Request Payload而非Form Data导致数据获取不正确。通过分析和比较，确定问题在于请求格式。解决方案是将请求参数转换为Form Data格式，通过修改axios的请求设置实现。文中提供了错误代码示例及修正后的正确代码，展示如何使用formData正确封装请求数据，从而匹配后端接口要求。
一、问题描述
最近做项目遇到了一个问题，前端利用封装好的axios发一个请求给后端，请求可以发送成功，但拿不到正确的数据，在swagger上测试接口拿到的数据和在chorme控制台测试拿到的数据不一样，通过仔细比较，发现控制台payload下一个是Form Data，另一个是Request Payload，所以我想问题就在这里。
如下图，正确的方式
错误的方式
再看一下有问题的代码，只列举主要地方
看一下封装的接口请求函数
看一下，请求时传的参数
二、问题解决
那么既然知道了问题所在，现在就是想办法将Request Payload转换为Form Data格式
解决办法就是加一个headers: { "content-type": "application/x-www-form-urlencoded" },
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
