Axios调用Golang POST接口返回Promise对象/undefined如何解决

拿不到预期ID值是三个低级错误导致的：

1. 返回值透传缺失：你在then回调里写的return response.data只在回调函数内部生效，外层validLogin函数没有接收这个返回值也没有向外return，执行完默认返回undefined
2. Axios参数格式错误：axios.post的第三个参数要求是完整的请求配置对象，你直接把headers对象当作第三个参数传入，请求头配置根本不会生效，很容易出现后端解析请求体失败、跨域拦截等问题
3. 调用逻辑错误：所有标记了async的函数默认返回Promise对象，如果你直接同步调用const result = validLogin()，拿到的永远是Pending状态的Promise实例，不可能直接拿到ID值

• 修正Axios传参格式，把headers包裹在配置对象的headers字段下传入
• 理顺返回逻辑，不要混用await和.then/.catch搞乱作用域，统一用async/await + try/catch写法，明确把请求结果向外return
• 调用validLogin时，必须用await接收结果，或者用.then()注册回调拿解析后的值
• 出错分支记得明确返回约定值或者抛出错误，避免异常场景下默认返回undefined

export async function validLogin(email, password) { 
  const data = { email, password };
  // 第三个参数必须是完整配置对象
  const config = {
    headers: {
      'Content-Type': 'application/json;charset=UTF-8',
    }
  };

  try {
    const response = await axios.post('http://localhost:1323/profile/valid', data, config);
    // 直接把接口返回的data向外返回
    return response.data;
  } catch (err) {
    console.error('登录校验请求失败：', err);
    // 异常场景返回约定的空值，也可以根据需求throw err
    return null;
  }
}

// 写法1：在async函数内用await接收（推荐）
async function submitLogin() {
  const userId = await validLogin('test@example.com', 'your_password');
  if (userId) {
    console.log('接口返回的用户ID：', userId);
    // 后续登录成功逻辑
  }
}

// 写法2：用.then接收返回值
validLogin('test@example.com', 'your_password').then(userId => {
  if (userId) {
    console.log('接口返回的用户ID：', userId);
  }
})

如果改完代码还是拿不到值，按以下顺序排查：

• 打开浏览器开发者工具的「网络」面板，找到/profile/valid这个请求，确认状态码是200，查看「响应」标签页，确认后端确实返回了ID字段，先排除Golang接口本身的逻辑问题
• 如果控制台报CORS跨域错误，需要在Golang后端给接口配置跨域响应头，允许前端页面的源地址访问
• 如果后端报参数解析错误，检查请求体格式是否正确，Axios默认会自动对对象类型的data做JSON序列化，不需要手动调用JSON.stringify

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