Wie Standard-HTTP-Header in Angular2 festlegen?

Question

Ich weiß, wie Sie Header für einen einzelnen HTTP-Aufruf mithilfe der Headers class festlegen.

Gibt es eine Möglichkeit, es für alle HTTP-Aufrufe zu tun?

Answer 1

Sie können nicht wie $httpProvider für angular1 verwenden, aber Sie können Ihre eigene CustomHttp Klasse erstellen, die den Standard Http erweitert/umschließt und Ihre Header hinzufügt.

Werfen Sie einen Blick auf AuthHttp Quellcode aus angular2-jwt Bibliothek: https://github.com/auth0/angular2-jwt/blob/master/angular2-jwt.ts

Answer 2

ich zwei Möglichkeiten sehen, das zu tun:

• Option # 1: Verwenden Sie die BaseRequestOptions Klasse

Sie können diese Klasse erweitern und die für jede Anforderung zu verwendende Kopfzeile festlegen:

@Injectable() 
export class DefaultRequestOptions extends BaseRequestOptions{ 
    headers:Headers = new Headers({ 
     'Content-Type': 'application/x-www-form-urlencoded' 
    }); 
} 

und registriert sie, wie unten beschrieben:

bootstrap(AppComponent,[ 
    HTTP_PROVIDERS, 
    provide(RequestOptions, { useClass: DefaultRequestOptions }) 
}); 

• Option # 2: verlängern die Http Klasse selbst

Sie könnte auch die Http Klasse erweitern und stellen Sie die gewünschte Header, wie unten beschrieben:

Und es registriert, wie unten beschrieben:

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

Hoffe, es hilft Ihnen, Thierry