Angular Rest APIヘッダーコールの問題

Question

すべてのリクエストにヘッダーを設定したい。私は

public update(student: Student): Promise<Student> 
{ 
    let headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 
    headers.append('authentication', `${student.token}`); 

    const url = `${this.studentsUrl}`; 

    return this.http 
     .put(url, JSON.stringify(student), { headers: headers }) 
     .toPromise() 
     .then(() => student) 
     .catch(this.handleError); 
} 

このようなコードを持っているようなので、私は要求ごとにジェネリックヘッダーを設定することができ、そこからどのような方法があり、何度も何度も要求ごとにヘッダを設定したくありませんか？

Answer 1

UPDATE：

カスタムサービスを開発する必要があるかもしれ角度4.3以下の一般的なヘッダを追加します。 thisアンサーを参照してください。これは、角度4.3より前の最良の解決策を説明しています。

こんにちはあなたはHTTPのインターセプターを試すことができます。

注：HTTPのインターセプターが角4.3以降

によってサポートされているこれはインターセプターファイル

import { Injectable, NgModule} from ‘@angular/core’; 
import { Observable } from ‘rxjs/Observable’; 
import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest} from ‘@angular/common/http’; 
import { HTTP_INTERCEPTORS } from ‘@angular/common/http’; 
@Injectable() 
export class MyInterceptor implements HttpInterceptor { 
    intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { 
     const dupReq = req.clone({ headers: req.headers.set(‘Consumer-Secret’, ‘some sample key’) }); 
     return next.handle(dupReq); 
    } 
}; 

とアプリです。 module.ts：

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 

import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http'; 
import { MyInterceptor } from './interceptors/my.interceptor'; 


@NgModule({ 
    declarations: [AppComponent], 
    imports: [BrowserModule, HttpClientModule], 
    providers: [ 
    { provide: HTTP_INTERCEPTORS, useClass: MyInterceptor, multi: true } 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule {} 

あなたはHTTPインターセプタを検索しようとしなかった参照