Définir les en-têtes de requête get angulaire 2

J'essaie de définir un en-tête d'Autorisation à une requête GET pour authentifier les utilisateurs à une API rest. Je suis en utilisant Angulaire 2 RC1. (Je suis un débutant total).

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));
  }

- Je permettre à la SCRO dans mon backend.

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

Ma console :

OPTIONS api/userProfile/

XMLHttpRequest ne peut pas charger /userProfile/. Réponse pour le contrôle en amont a
non valide le code d'état HTTP 406

Mes en-têtes de requête

Une idée ?

voir ici l'exemple complet stackoverflow.com/a/34758630/5043867

OriginalL'auteur Adrien Castagliola | 2016-07-04

  1. 25

    Je pense que vous avez besoin de la Accept en-tête plutôt en raison de la 406 code d'état...

    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));

    Cela vous permet de dire au serveur quel type de contenu que vous attendez dans la réponse...

    La Content-Type en-tête est plutôt de spécifier le type de contenu que vous avez envoyé dans la requête. Dans votre cas, il n'y a pas de contenu...

    Je vois, il semble que le deuxième en-tête est le problème maintenant. Sans elle, il fonctionne très bien mais avec l'en-tête d'Autorisation, il ne fonctionne pas, 406 code d'état. Toute suggestion ?
    Vous utilisez peut-être la withCredentials propriété true dans la demande options. Il est disponible à partir RC2...

    OriginalL'auteur

  2. 2
    autorization =  { Authorization: 'Token adfasdfadf651f65asd1f65asdf' }

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

    OriginalL'auteur