React 通过 SpringBoot REST API 调用 MySQL 无参数存储过程为何未执行？

2026-11-04数据小陈

结论：前端遗漏了调用方法的括号

你贴出的调用代码是：

await CheckbookService.updateBalance

这里取得的是 updateBalance 函数本身，没有调用它，所以方法中的 axios.post(...) 不会执行。

应改为：

await CheckbookService.updateBalance();

这是现有代码中可以直接确认的问题。修正后是否还存在后端异常，需要结合实际请求和日志判断。

为什么加了 await 仍然没有发出请求？

await 不会自动调用函数。原代码等待的是函数对象，没有获得 HTTP 请求对应的 Promise。

加上 () 后，updateBalance() 才会执行并返回 Axios 的 Promise，await 才能等待请求完成。

可以将调用放在一个 async 函数中：

async function handleUpdateBalance() {
  try {
    await CheckbookService.updateBalance();
  } catch (error) {
    console.error("更新余额失败：", error);
  }
}

如果余额已经更新，但页面仍显示旧值，需要在请求成功后重新获取列表或更新相应的 React state。当前材料没有提供列表加载方法，因此无法指定具体方法名。

无参数存储过程是否需要传入请求体？

就给出的接口而言，不需要。Controller 没有声明请求参数或请求体，Service 可以继续这样写：

updateBalance() {
  return axios.post(myConstants.USER_API_BASE_URL + "updatebalance");
}

这里有两层调用：React 向 REST API 发出 POST 请求，SpringBoot 再通过 Repository 调用 MySQL 存储过程。

Repository 中的映射已经指定了过程名：

@Procedure(procedureName = "updatebalance")
void updateBalance();

由于这里显式设置了 procedureName，不能仅凭 Java 方法名 updateBalance 与 MySQL 过程名 updatebalance 的大小写差异判定故障。能否成功执行，还取决于实际数据库连接、权限和运行时配置。

修改后仍未生效，按调用链检查

检查浏览器 Network 面板。触发操作后应出现 POST 请求。如果完全没有请求，确认事件处理函数确实执行，并且实际运行的代码使用了 updateBalance()。
核对请求 URL。当前代码通过字符串拼接生成地址。确认 USER_API_BASE_URL 与 "updatebalance" 拼接后的路径正确，并包含 Controller 可能配置的类级别路径和应用上下文路径。输入中没有给出这些配置，无法直接确定完整 URL。
确认请求进入 Controller。可以在 updateBalance() 方法处设置断点或记录日志。若返回 404，先核对路由；若返回 405，核对请求方法；若返回 500，查看后端异常。
检查数据库执行结果。确认应用连接的是预期数据库，并使用应用实际连接的数据库账号验证过程能否执行。手动执行成功，也不一定代表应用账号拥有相同权限。

验证存储过程时，可以执行：

CALL updatebalance();

这条语句会实际更新余额，应在确认数据库和数据范围后执行。若后端记录了权限、事务或过程调用异常，再根据具体异常排查，不必先改写现有 SQL。

注意代码片段的边界

Repository 示例没有展示接口末尾的 }。如果只是粘贴时省略，无需处理；如果实际源码也缺失，会造成编译错误。

原始材料末尾的 mysqlspring-bootreact-nativestored-proceduresaxios 看起来是标签文本，不应放入 JavaScript 源码。