Wie legen Sie globale benutzerdefinierte Header in Angular2 fest?

Question

Ich möchte die Header Content-type: application/json in alle meine Anfragen an mein Backend in Angular2 setzen. Ich benutze dies in meiner Hauptdatei app.js.

let headers = new Headers({ 
    'Content-Type', 'application/json' 
}) 
class MyOptions extends BaseRequestOptions { 
    headers: headers 
} 

bootstrap(App, [ 
    provide(RequestOptions, {useClass: MyOptions}), 
    ROUTER_BINDINGS, 
    HTTP_PROVIDERS, 
    bind(APP_BASE_HREF).toValue('/') 
]) 

Ich erwarte alle Verwendungen von Http den neuen Content-Typ zu verwenden, aber dieser Code hat immer noch den Content-Type auf text/plain

saveMaster (master) { 
    return this.http 
    .put(`${config.API_URL}/masters/${master._id}`, JSON.stringify(master)) 
    .map(res => res.json()) 
} 

Ich habe manuell die Header gesetzt für jede Anfrage, damit es richtig funktioniert. Mache ich etwas falsch?

Hinweis: Ich möchte eine Header-Option global festlegen, muss nicht mit jedem Anforderungstyp wie in this solution gefunden werden.

Answer 1

1. ändern MyOptions zu:

class MyOptions extends RequestOptions { 
    constructor() { 
    super({ 
     method: RequestMethod.Get, 
     headers: new Headers({ 
     'Content-Type': 'application/json', 
     'X-Some-Header': 'some-content' 
     }); 
    }); 
    } 
} 

2. Put provide(RequestOptions, {useClass: MyOptions})NACHHTTP_PROVIDERS (sonst BaseRequestOptions Standard statt Ihrer MyOptions wird verwendet).

bootstrap(App, [ 
    // ... 
    HTTP_PROVIDERS, 
    provide(RequestOptions, {useClass: MyOptions}) // <- after HTTP_PROVIDERS!!! 
]) 

this plunk