如何在对接Keycloak的Angular应用中捕获409状态码？

你可以通过解析Keycloak返回的错误响应，判断是否为用户名或邮箱重复的情况，然后替换对应的提示信息。Keycloak在遇到用户名/邮箱已存在时，通常会返回409 Conflict状态码，或者在响应体中包含类似"exists"的关键词（比如Username exists、Email exists）。

修改后的代码如下：

axios
  .post("http://0.0.0.0:8083/", user)
  .then((response) => {
    console.log("Registration successful:", response.data);
    this.message.success("Registration successful");
  })
  .catch((error) => {
    console.error("Registration failed:", error);
    // 处理Keycloak的重复错误
    if (error.response) {
      const { status, data } = error.response;
      // 情况1：通过状态码判断（Keycloak重复注册通常返回409）
      if (status === 409) {
        this.message.error("用户名或邮箱已存在");
      } 
      // 情况2：通过错误信息内容判断（适配不同版本的Keycloak返回格式）
      else if (data?.errorMessage?.includes("exists") || data?.detail?.includes("exists")) {
        this.message.error("用户名或邮箱已存在");
      } 
      // 其他响应错误
      else {
        this.message.error("Registration failed");
      }
    } 
    // 网络错误等无响应的情况
    else {
      this.message.error("Keycloak user registration failed");
    }
  });

关键说明： #

• 外层的try/catch可以移除，因为axios.post是异步Promise操作，外层同步的try/catch无法捕获它的异步错误，错误会被.catch块处理。
• 优先通过状态码409判断，这是REST规范中资源冲突的标准状态码，Keycloak官方接口通常会返回这个状态码。
• 额外增加错误信息内容判断是为了兼容部分自定义配置的Keycloak实例，避免因为返回格式差异导致判断失效。
• 如果你的Keycloak返回的错误字段不是errorMessage或detail，可以先在控制台打印error.response.data，查看具体的错误字段名后调整判断逻辑。

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