角度6错误处理-HttpErrorResponse具有未定义状态

Question

我有一个Angular 6客户端，它使用了使用.Net Web Api开发的REST Api。

除了错误处理之外，一切都正常。当我试图处理错误以对不同的状态代码（404403409500…）做出不同的反应时，我根本无法让它工作。HttpErrorResponse对象没有任何应该包含的字段（如“状态”或“错误”）。

我做了一个超级简单的服务来重现这个问题:

对服务的请求

 public test(): Observable<any> {
    let url = this.templatesUrl + '/myMethod';
    console.log('GET myMethod ' + url);

    return this.http.get<any>(url)
                      .pipe(catchError(this.handleError));
  }

错误处理程序（几乎直接来自官方文档）：

 private handleError(error: HttpErrorResponse) {
    console.warn(error);

    if (error.error instanceof ErrorEvent) {
      // A client-side or network error occurred. Handle it accordingly.
      console.error('An error occurred:', error.error.message);
    } else {
      // The backend returned an unsuccessful response code.
      // The response body may contain clues as to what went wrong,
      console.error(
        `Backend returned code ${error.status}, ` +
        `body was: ${error.message}`);
    }
    // return an observable with a user-facing error message
    return throwError('Unexpected error');
  }

. net端的服务：

[HttpGet]
[Route("myMethod")]
public IHttpActionResult myDotNetMethod()
{
    return InternalServerError(new Exception("Details about the issue"));
}

调用该服务，并返回状态代码 500 以及一个 json 对象：

响应的状态：

响应标头，它是 json：

json对象：

日志显示的内容是：没有状态，几乎是一个空对象：

像错误响应一样的厕所几乎是空的。但是来自API的响应很好，状态代码在那里，json对象也在那里。

我错过了什么？

更新：如果您想知道日志中显示的“内部服务器错误”背后隐藏着什么（它只是chrome生成的调用堆栈）：

更新2：这是显微镜下的错误对象。这只是“内部服务器错误”。没有状态或消息的跟踪。

Answer 1

在响应中，该属性称为“消息”而不是“消息”。

Answer 2

我认为您的问题在于如何在.Net中抛出错误。试试这个：

var statusCode = HttpStatusCode.InternalServerError;

var response = new HttpResponseMessage(statusCode)
{
    Content = new ObjectContent<object>(
        new
        {
            Message = "Error Message",
            ExceptionMessage = "StackTrace"
        },
        new JsonMediaTypeFormatter())
};

throw new HttpResponseException(response);

或者，如果不起作用，请尝试以下操作：https://stackoverflow.com/a/28589333/8758483

另一个好主意是通过在 Angular 中实现错误处理程序来集中错误处理。

import { ErrorHandler } from '@angular/core';

@Injectable()
export class GlobalErrorHandler implements ErrorHandler {  
  handleError(error) {
    // your custom error handling logic    
  }
}

然后，通过在 NgModule 中提供该类，告诉 Angular 您要使用此类而不是默认类：

@NgModule({   
  providers: [{provide: ErrorHandler, useClass: GlobalErrorHandler}]
})

如果您想了解更多详细信息，可以阅读本文：

• 期待意外 — Angular中错误处理的最佳实践

Answer 3

解决了...由于拦截器，对象是空的。所以如果类似的事情发生在你身上，请查看这些。

我很抱歉浪费了大家的时间，我不知道那个特定的拦截器的存在。