Axios POST请求：Postman成功，后台却接收不到数据？
在使用Axios发送POST请求时，前端能正常发送，但后端却无法接收数据，而Postman却能成功接收，这通常是由于前后端对请求数据格式处理不一致导致的。本文将深入分析此问题并提供解决方案。
问题：开发者使用Axios向/login接口发送POST请求，传递用户名en和密码password。前端代码（未提供完整代码，但推测基于Axios）直接将数据对象作为data属性传递。 然而，Axios默认的Content-Type为application/json，而Postman可能默认或用户手动设置为application/x-www-form-urlencoded。这两种Content-Type代表不同的数据传输格式。Axios直接传递数据对象会将其序列化为JSON格式，但后端服务器可能期望接收application/x-www-form-urlencoded格式的数据，导致数据解析失败。
解决方案：使用qs库将数据转换为application/x-www-form-urlencoded格式。 qs.stringify方法可将JavaScript对象转换为URL编码字符串，与后端服务器预期相符。
立即学习“前端免费学习笔记（深入）”；
修改后的代码示例：
import axios from 'axios';
import qs from 'qs';
let data = {
"en": "1234",
"password": "yyyy"
};
axios.post(`/login`, qs.stringify(data))
.then(res => {
console.log('res=>', res);
})
.catch(error => {
console.error('Error:', error);
});
此代码使用qs.stringify(data)将数据转换为application/x-www-form-urlencoded格式，确保与后端兼容。 通过此修改，Axios发送的POST请求即可被后端正确接收和处理。
重要提示：
- 如果后端明确要求
application/json格式，则需移除qs.stringify，并确保Axios发送的数据格式与后端预期一致。 - 检查后端代码，确保其能正确解析接收到的数据。 错误可能源于后端数据处理逻辑而非前端请求。
通过仔细检查前后端的数据格式要求，并根据需要使用合适的库（如qs），可以有效解决此类问题。
