在 Angular 1 中,全局处理 HTTP 响应状态是通过$httpProvider
:
angular.module('app', [])
.service('httpResponseInterceptor', ['$q', function ($q) {
this.response = function (response) {
if (response.status === 418) {
// do some stuff here
}
return response || $q.when(response);
};
this.responseError = function (response) {
if (response.status === 418) {
// do some stuff here
}
return $q.reject(response);
};
}])
.config(['$httpProvider', function ($httpProvider) {
// do routing, etc.
$httpProvider.interceptors.push('httpResponseInterceptor');
}]);
在 Angular 2 中,它完成了扩展Http
像这样的东西:
import { Injectable } from '@angular/core';
import {
Http,
Response,
Request,
RequestOptions,
RequestOptionsArgs,
XHRBackend
} from '@angular/http';
import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/throw';
import 'rxjs/add/operator/catch';
@Injectable()
export class HttpInterceptor extends Http {
constructor(xhrBackend: XHRBackend, requestOptions: RequestOptions) {
super(xhrBackend, requestOptions);
}
private catchErrors() {
return (response: Response) => {
if (response.status === 418) {
// do some stuff here
}
return Observable.throw(response);
};
}
request(url: string | Request, options?: RequestOptionsArgs): Observable<Response> {
return super.request(url, options)
.catch(this.catchErrors());
}
}
...并将其包含在app.module.ts
:
providers: [
{ provide: Http, useClass: HttpInterceptor }
]
See 这个 stackoverflow 答案 https://stackoverflow.com/q/34934009/1298685 and 这个要点 https://gist.github.com/mrgoos/45ab013c2c044691b82d250a7df71e4c以供参考。
但是,我在上面的 Angular 2 代码中收到此错误:
无法实例化循环依赖! Http:在 NgModule AppModule 中