Angular 2 和控制 HTTP 请求和响应

Question

在 Angular 2 中，我试图控制 http 请求/响应以在发送请求和获取响应时设置/读取一些标头。

我只是像这样覆盖 HttpRequest，它对我有用：

@Injectable()
export class HttpRequest extends RequestOptions {
    constructor() {
         super({
             method: RequestMethod.Get,
             headers: new Headers({
                'X-Some-Header': 'some-content'})
        });
    }
}

但是对于覆盖响应我有问题：

@Injectable()
export class HttpResponse extends Response {
    constructor(responseOptions: ResponseOptions) {
        super(responseOptions);
        console.log("RESPONSE IS CREATED!!!!!!!");
    }
}

构造函数永远不会被调用，这里是引导程序：

bootstrap(AppComponent,
    [   ROUTER_PROVIDERS
        ,HTTP_PROVIDERS
        ,provide(RequestOptions, {useClass: HttpRequest})
        ,provide(Response, {useClass: HttpResponse})
    ]);

覆盖响应的原因是为了读取一些响应头和控制 404-Not Page Found global and ....

谢谢，

Answer 1

您不能覆盖 Response 我记得看到它是在相关的 Http 类之一中使用 new Response 创建的，而不是从注入器请求它，这是合理的，因为 Response 需要是一个不同的每个请求的实例。

Answer 2

您可以通过几种方式实现它：创建基础服务类或提供自定义 xhr 实现：

@Injectable()
export class CustomBrowserXhr extends BrowserXhr {
  constructor() {}
  build(): any {
    let xhr:XMLHttpRequest = super.build();
    /*...add headers, listeners etc...*/
    return <any>(xhr);
  }
}

bootstrap(AppComponent, [
  HTTP_PROVIDERS,
  provide(BrowserXhr, { useClass: CustomBrowserXhr })
]);