如何访问 angular httpClient 状态属性作为响应

Question

我有以下代码：

this.http.post(url, payload)
      .subscribe(
        (req:any)=>{
          if(req.status != 200){
            console.log('non 200 status');

this.http指的是我注入的服务：

post(url, payload){
    return this.http.post(url, payload, { observe: 'response' });
  }

如您所见，我正在观察整个响应。

当我对请求进行控制台记录时，我得到了 httpresponseerror 对象状态，但由于某种原因我的代码没有遵守它。

core.js:14597 ERROR 
HttpErrorResponse {headers: HttpHeaders, status: 400, statusText: "Bad Request", url: "http://127.0.0.1:8080/api/user/user", ok: false, …}
error: {failcontext: "That email is already in use"}
headers: HttpHeaders {normalizedNames: Map(0), lazyUpdate: null, lazyInit: ƒ}
message: "Http failure response for http://127.0.0.1:8080/api/user/user: 400 Bad Request"
name: "HttpErrorResponse"
ok: false
status: 400
statusText: "Bad Request"
url: "http://127.0.0.1:8080/api/user/user"
__proto__: HttpResponseBase

我做错了什么？

Answer 1

我通过包含错误侦听器得到它：

this.http.post(url, payload)
      .subscribe(
        (req:any)=>{
          console.log(req);

        },
        (err: any)=>{
          if(err.status != 200){
            console.log('non 200 status');
          }
        }
      );

Answer 2

在你的http请求中添加observer

return this.http.post(
    this.configUrl, { observe: 'response' });
}

因此您可以访问整个对象响应而不仅仅是数据。

如何访问 angular httpClient 状态属性作为响应

how to get access to angular httpClient status attribute in response

typescript

angular

angular-httpclient