Axios POST请求后台收不到数据？前端Postman能成功，是什么原因？

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），可以有效解决此类问题。

以上就是Axios POST请求后台收不到数据？前端Postman能成功，是什么原因？的详细内容，更多请关注php中文网其它相关文章！