Come impostare l'intestazione HTTP predefinita in Angular2?

Question

So come impostare le intestazioni per una singola chiamata HTTP utilizzando Headers class.

C'è un modo per farlo per tutte le chiamate HTTP?

Answer 1

Non è possibile utilizzare uno come $httpProvider per angular1 ma è possibile creare la propria classe che estende/avvolge il valore predefinito Http e aggiunge le intestazioni.

Date un'occhiata al codice di AuthHttp fonte da angular2-jwt libreria: https://github.com/auth0/angular2-jwt/blob/master/angular2-jwt.ts

Answer 2

vedo due modi per farlo:

• Opzione # 1: utilizzare la classe BaseRequestOptions

È possibile estendere questa classe e impostare l'intestazione da utilizzare per ogni richiesta:

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

e la registra come descritto di seguito:

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

• Opzione # 2: estendere la classe Http sé

Si potrebbe anche estendere la classe Http e impostare il intestazioni che vuoi inserire, come descritto di seguito:

@Injectable() 
export class CustomHttp extends Http { 
    constructor(backend: ConnectionBackend, defaultOptions: RequestOptions) { 
    super(backend, defaultOptions); 
    } 

    request(url: string | Request, options?: RequestOptionsArgs): Observable<Response> { 
    return super.request(url, options);   
    } 

    get(url: string, options?: RequestOptionsArgs): Observable<Response> { 
    // Add headers into options 
    (...) 
    return super.get(url, options); 
    } 

    (...) 
} 

e registri come descritto di seguito:

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

Spero che ti aiuta, Thierry