Angular HttpClient仅返回200状态响应，错误状态无返回如何解决？

你没有完全正确使用HttpClient：Angular HttpClient 的默认处理逻辑是，只有 2xx 区间的响应状态码会被判定为请求成功，进入subscribe的成功回调流；4xx（比如登录错误常见的401未授权）、5xx类状态码都会被视为请求异常，进入RxJS的错误流，不会触发你写的成功回调逻辑。你当前的代码只实现了成功流的处理，完全遗漏了错误流的捕获，因此输入错误凭证时没有任何反馈。

修复代码 #

给subscribe添加错误回调即可捕获错误响应，获取状态码做对应处理：

submit(){
  this.auth.tryLogin(this.form.getRawValue())
  .subscribe({
    next: (res) => {
      console.log(res);
      if(res.status == 200){
        this.router.navigate(['/'])
      }
    },
    error: (err) => {
      // 错误对象中可直接获取状态码、响应内容等信息
      alert(`登录失败，状态码：${err.status}`)
      // 也可根据状态码做精细化提示，比如401专门提示账号或密码错误
    }
  })
}

可选优化 #

如果项目中需要统一处理所有HTTP请求的错误（比如全局弹窗提示、401状态下自动清理登录状态跳转到登录页），可以自定义Angular HTTP拦截器全局捕获错误，不需要每个请求单独编写错误回调逻辑。

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