Angular2 - HTTP 200 被视为错误

服务器

Angular 2中HTTP 200被视为错误的解决方案

在Angular 2中，我们通常使用HTTP来与服务器进行数据交互。然而，有时候我们可能会遇到一个棘手的问题，即HTTP 200被错误地视为错误。在这篇文章中，我们将深入探讨这个问题的原因，并提供解决方案，同时附上相应的案例代码。

问题背景

在进行HTTP请求时，服务器通常会返回状态码，其中HTTP 200表示请求已成功。然而，有时Angular 2会将HTTP 200错误地视为请求失败，这可能导致应用程序无法正确处理服务器的响应。这个问题的根本原因是Angular 2默认情况下仅将HTTP状态码在200到299之间的响应视为成功，而在这个范围之外的状态码都被视为错误。

解决方案

要解决这个问题，我们需要调整Angular 2的HTTP模块的配置，以便它可以正确处理HTTP 200响应。我们可以通过使用Angular的Http服务来实现这一点。

以下是一个简单的解决方案：

typescript
import { Injectable } from '@angular/core';
import { Http, RequestOptions, Response, XHRBackend } from '@angular/http';
import { Observable } from 'rxJS/Observable';
@Injectable()
export class CustomHttp extends Http {
  constructor(backend: XHRBackend, options: RequestOptions) {
    super(backend, options);
  }
  get(url: string, options?: RequestOptions): Observable<Response> {
    return super.get(url, options).catch(this.handleError);
  }
  private handleError(error: any) {
    if (error.status === 200) {
      // 处理HTTP 200响应
      return Observable.of(error);
    } else {
      // 处理其他错误
      return Observable.throw(error);
    }
  }
}

在上面的代码中，我们创建了一个名为CustomHttp的服务，继承自Angular的Http服务。在get方法中，我们使用catch操作符捕获任何错误，并通过handleError方法进行处理。在handleError方法中，我们检查错误的状态码，如果是200，我们将其视为成功，并返回一个Observable，否则将错误抛出。

使用自定义HTTP服务

要在应用程序中使用自定义的HTTP服务，我们需要在Angular模块中提供该服务。在你的模块中，将CustomHttp服务添加到providers数组中：

typescript
import { NgModule } from '@angular/core';
import { HttpModule } from '@angular/http';
import { CustomHttp } from './path-to-custom-http';
@NgModule({
  imports: [HttpModule],
  providers: [CustomHttp]
})
export class YourModule { }

通过这种方式，我们成功地解决了Angular 2中HTTP 200被错误地视为错误的问题。通过自定义HTTP服务，我们能够更灵活地处理各种HTTP响应，确保我们的应用程序能够正确地与服务器通信。