角4にはhttpリクエストのヘッダーが含まれていません

Question

非常に簡単な角4 HTTPリクエストを試しています。 Chromeの開発者ツールをチェックすると、httpヘッダーが表示されませんでした。

const headers: Headers = new Headers(); 
headers.append('Content-Type', 'application/json'); 
headers.append('Authorization', 'Bearer: 123213'); 
this.http.post('https://127.0.0.1:502', JSON.stringify(token), {headers: headers}).subscribe(); 

私に何かが不足していますか？

Answer 1

で始まる@angular/httpモジュールは、すべてのクラスで廃止されました。今すぐangular/common/httpを使用する必要があります。詳細についてはRead hereをご覧ください。あなたはまだあなたが表示されない場合

import {Http, Headers, RequestOptions} from '@angular/http'; 

：あなたは@angular/httpから正しいオブジェクトをインポートしているを確保する必要が

import {Http, Headers, RequestOptions} from '@angular/http'; 

export class AppComponent { 
    constructor(private http: Http) { 
     const headers = new Headers(); 
     headers.append('Content-Type', 'application/json'); 
     headers.append('authentication', `hello`); 

     const options = new RequestOptions({headers: headers}); 
     this.http.post(
      "http://localhost:3000/contacts", 
      JSON.stringify({id: 4, name: 'some'}), 
      options 
     ).subscribe(); 

：

あなたはこのようにそれを行うことができます使用しているサーバーが許可していない可能性もあります。ブラウザが他の原点にリクエストを行うと、access-control-headers-requestヘッダーを送信して、サーバーがカスタムヘッダーを許可しているかどうかを確認します。サーバーがカスタムヘッダーを許可するように構成されていない場合、その結果の要求では表示されません。

Answer 2

この

constructor(private http: Http) { 
      this.headers = new Headers(); 
      this.headers.append('content-type', 'application/json'); 
    } 

を入れて、メソッド内でこの

return this.http.post(url, jsonData, this.headers).map((resp: Response) => resp.json()); 

Answer 3

あなたが使用している場合はHttpClientをHTTPではなく、あなたのコードすべきは、このようになります：あなたのparamsがオプションの場合

login(credintials: Authenticate): Observable<any> { 

    const body = { 
     username: credintials.username, 
     password: credintials.password, 
     grant_type: 'password', 
     client_id: credintials.client_id 
    }; 
    const headers = new HttpHeaders() 
     .set('Content-Type', 'application/x-www-form-urlencoded') 
     .set('Authorization', 'Basic loremlorem'); 

    return this.http.post(`${baseUrl}/uaa/oauth/token`, 
     body, 
     { 
      headers: headers 
     } 
    ); 
} 

次のようなパラメータを追加する必要があります。

let params: HttpParams = new HttpParams(); 
if (param) { 
    params = params.append('page', param.page); 
} 

ソースコードのようになります。

/** 
* Construct a new body with an appended value for the given parameter name. 
*/ 
append(param: string, value: string): HttpParams;