使用axios发送x-www-form-urlencoded请求，参数正确仍报错如何解决？

问题排查与修复步骤 #

• 首先修正错误判断逻辑：你当前catch分支默认将所有错误都判定为账号密码错误，完全掩盖了真实问题。先在catch中添加日志打印完整错误信息，确定错误根因：

catch (error) {
  // 打印完整错误信息，优先看响应内容和状态码
  console.log('错误详情：', error.response?.data, error.response?.status, error.message)
  alert('登录失败：' + (error.response?.data?.msg || error.message))
  throw Error(error);
}

• 修复参数序列化问题：你的项目看起来是React Native环境，部分版本下axios直接接收URLSearchParams对象时可能出现序列化异常，将请求参数转为字符串再提交：

// 把原来的axios.post第二个参数从params改成params.toString()
const response = await axios.post('/token', params.toString(), config);

• 检查请求头是否被覆盖：确认你是否配置了axios全局拦截器、或者创建axios实例时设置了默认Content-Type: application/json，可能会覆盖你当前请求设置的表单格式头，可以在发送请求前打印config.headers验证实际生效的头信息。
• 校验接口路径配置：你当前使用的是相对路径/token，确认axios配置的baseURL与Postman测试的接口域名、路径前缀完全一致，避免出现404路径错误。
• 检查响应处理逻辑：确认后端返回的响应体中token字段的大小写是否与你代码中response.data.Token一致，若字段名不匹配会触发异常进入catch分支。
• 校验参数一致性：如果打印错误后发现是401状态码，逐一对比你Postman里提交的参数名、参数值是否和代码里的完全一致，比如参数名大小写、是否有遗漏必填参数。

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