Ajouter l'en-tête à toutes les requêtes Http -> Angular2

Question

J'ai besoin de l'équivalent de l'intercepteur dans Angular 1.x. J'ai trouvé beaucoup de solutions dans les vieilles questions, mais apparemment elles ne fonctionnent plus!

Pouvez-vous fournir une solution qui fonctionne avec la dernière version de Angular 2?

Answer 1

Vous pouvez remplacer classe angulaire Http, ajoutez-têtes là-bas et puis fournir CustomHttp classe dans vos modules:

import { Injectable } from '@angular/core'; 
import { Observable } from 'rxjs/Rx'; 
import { RequestOptionsArgs, RequestOptions, ConnectionBackend, Http, Request, Response, Headers } from "@angular/http"; 

@Injectable() 
export class CustomHttp extends Http { 

headers: Headers = new Headers({ 'Something': 'Something' }); 
options1: RequestOptions = new RequestOptions({ headers: this.headers }); 

constructor(backend: ConnectionBackend, 
    defaultOptions: RequestOptions) { 
    super(backend, defaultOptions); 
} 

get(url: string, options?: RequestOptionsArgs) { 
    console.log('Custom get...'); 
    return super.get(url, this.options1).catch(err => { 
     console.log(err); 
    }); 
} 
} 

Vous devez faire la même chose pour post, put, delete etc. Et dans votre module:

{ provide: Http, 
    useFactory: (
     backend: XHRBackend, 
     defaultOptions: RequestOptions) => 
     new CustomHttp(backend, defaultOptions), 
    deps: [XHRBackend, RequestOptions] 
}