Angular6：如何获取响应状态码

Question

如何获取服务代码？我尝试了下面的代码，但它没有记录任何内容。

在 service.ts 文件中。

constructor(private http: HttpClient) { }

postForgotPass(email): Observable<Response> {

return this.http.post<Response>(envi.apiUrl +'/user/forgotpassword', {
  "email": email,
  "headers": headers,
  observe: 'response'

})
}

在我的 component.ts 文件中

sendForgotPass() {
 return this.service.postForgotPass(this.emailFormControl.value)
    .subscribe(
      res => {
        console.log(res.status);
      })
    }

Answer 1

来自Angular docs：

getConfigResponse(): Observable<HttpResponse<Config>> {
  return this.http.get<Config>(
    this.configUrl, { observe: 'response' });
}

用法

this.configService.getConfigResponse()
    // resp is of type `HttpResponse<Config>`
    .subscribe(resp => {
      // display its headers
      const keys = resp.headers.keys();
      this.headers = keys.map(key =>
        `${key}: ${resp.headers.get(key)}`);

      // access the body directly, which is typed as `Config`.
      this.config = { ... resp.body };
    });

Answer 2

这是因为非 2xx 状态代码映射到错误。您需要挂钩为 subscribe(errors)

的第二个参数提供处理程序

sendForgotPass() {
    return this.service.postForgotPass(this.emailFormControl.value)
        .subscribe(res => console.log(res.status), err => console.log('error', err.status))
    }

Answer 3

if(response === undefined || response === ''  || response === null)
{  
    this.isStatusCode[i] = false;
}

Angular6：如何获取响应状态码

Angular 6: How to get response status code

angular

angular-httpclient