asp.net webapi和Angular 4之间的泛型错误处理

Question

我想将错误从我的API传递到Angular 4应用程序。问题是，在角边我没有看到正确的错误消息：像这样产生

的Web API错误：

 throw new HttpResponseException(
      new HttpResponseMessage(HttpStatusCode.BadRequest) 
      { 
       Headers = {{"errorMessage", "Message in header"}}, 
       Content = new StringContent("Message in body") 
      } 
     ); 

我的角码是一样的东西：

return this._http.get<IMyObj[]>(this._serviceUrl) 
     .do(this.handleSuccessResponse) 
     .catch(this.handleErrorResponse); 

    protected handleErrorResponse(err: HttpErrorResponse) { 
     console.info(err); 
     // some logic based on code 
    } 

的问题是，如果我检查错误它的“错误”属性为空，消息是“响应失败的网​​址”，并没有自定义标题，但在浏览器的网络选项卡上，我可以看到我的自定义标题错误以及错误。如何从我的角度应用程序访问这些消息？

Answer 1

我的错误处理程序是这样的：

private handleError(err: HttpErrorResponse) { 
    // in a real world app, we may send the server to some remote logging infrastructure 
    // instead of just logging it to the console 
    let errorMessage = ''; 
    if (err.error instanceof Error) { 
     // A client-side or network error occurred. Handle it accordingly. 
     errorMessage = `An error occurred: ${err.error.message}`; 
    } else { 
     // The backend returned an unsuccessful response code. 
     // The response body may contain clues as to what went wrong, 
     errorMessage = `Server returned code: ${err.status}, error message is: ${err.message}`; 
    } 
    console.error(errorMessage); 
    return Observable.throw(errorMessage); 
} 

注意，它采用了status和message性质，而不是error属性。