Vue3项目async函数调用API后if判断语句不执行如何解决

你遇到的问题核心是APIController.CreateUser方法没有正确返回异步请求的Promise对象，导致await拿到的结果永远是undefined，if(success)判断自然永远不成立，具体存在3个问题：

• 走fetch请求的逻辑分支没有return fetch生成的Promise链，函数执行到该分支时默认返回undefined
• 方法返回值逻辑和组件侧的判断预期不匹配：就算补了return，当前逻辑请求成功时返回的是用户对象而非布尔值true，请求异常进入catch分支时没有明确返回false，会默认返回undefined；同时参数校验分支是同步返回false，和异步分支返回类型不统一，容易出现隐式转换问题
• 额外遗漏：你的setup函数没有返回user和createUser变量，模板中无法访问这两个声明的变量，后续会触发方法不存在的报错

1. 修正APIController.CreateUser方法 #

推荐统一用async/await写法保证逻辑清晰，核心是保证所有分支都返回符合预期的布尔值，且异步请求的Promise被正确返回：

CreateUser: async (name, phone, address) => {
  // 参数非空校验
  if (!name?.trim() || !phone?.trim() || !address?.trim()) {
    alert("请填写完整的用户信息");
    return false;
  }
  try {
    const res = await fetch(`${API_BASE}/users/create`, {
      method: "POST",
      headers: {
        "Content-Type": "application/json"
      },
      body: JSON.stringify({ name, phone, address })
    });
    const data = await res.json();
    if (data.success) {
      return true;
    }
    alert(data.response.error);
    return false;
  } catch (err) {
    alert(`请求失败：${err.message || err}`);
    return false;
  }
}

如果你习惯保留原then链写法，只需要补全return和返回值即可：

CreateUser: (name, phone, address) => {
  if(name == "" || phone == "" || address == "") {
    alert("请填写完整的用户信息");
    return Promise.resolve(false);
  }
  // 必须补return，把Promise返回给调用方
  return fetch(API_BASE + "/users/create", {
    method: "POST",
    headers: {
      "Content-Type": "application/json"
    },
    body: JSON.stringify({ name, phone, address })
  }).then(response => response.json())
  .then(data => {
    if(data.success){
      return true;
    }
    alert(data.response.error);
    return false;
  }).catch(err => {
    alert(err);
    return false;
  });
}

2. 补全setup函数的返回值 #

在setup函数末尾返回模板需要用到的变量，否则模板无法访问：

setup(props){
  const user = ref({});
  const createUser = async () => {
    const success = await APIController.CreateUser(user.value.name, user.value.phone, user.value.address);
    if(success){
      props.fetchUsers();
      props.toggleForm();
    }
  }
  // 补全返回
  return {
    user,
    createUser
  }
}

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