取得要求のヘッダーを角2に設定します。

Question

ユーザーを残りのAPIに認証するGET要求にAuthorizationヘッダーを設定しようとしています。私はAngular 2 RC1を使用しています。 （私は総初心者です）。

getTest(){ 
    let authToken = localStorage.getItem('auth_token'); 
    let headers = new Headers({ 'Content-Type': 'application/json' }); 
    headers.append('Authorization', `Bearer ${authToken}`); 

    let options = new RequestOptions({ headers: headers }); 
    return this._http 
     .get(this._url,options) 
     .map(res => console.log(res)); 
    } 

バックエンドにCORSを許可します。

header("Access-Control-Allow-Origin: *"); 
header("Access-Control-Request-Headers: Content-Type, Authorization"); 

マイコンソール：/ USERPROFILE/

のXMLHttpRequest

OPTIONS APIは/ USERPROFILE /をロードすることはできません。プリフライトの応答は 無効なHTTPステータスコード406

My request headers

任意のアイデアを持っていますか？これは、あなたがコンテンツタイプを使用すると、応答期待サーバーを伝えることができます

let authToken = localStorage.getItem('auth_token'); 
let headers = new Headers({ 'Accept': 'application/json' }); 
headers.append('Authorization', `Bearer ${authToken}`); 

let options = new RequestOptions({ headers: headers }); 
return this._http 
    .get(this._url,options) 
    .map(res => console.log(res)); 

Answer 1

私はあなたではなくので、406のステータスコードのAcceptヘッダが必要だと思う... ...

Content-Typeヘッダーではなく、リクエストで送信したコンテンツの種類を指定することです。あなたのケースでは、何のコンテンツがありません...

Answer 2

autorization = { Authorization: 'Token adfasdfadf651f65asd1f65asdf' } 

this.http.get(url, { headers: autorization})