reactivos - Establecer encabezados en obtener solicitud angular 2

tablas angular 4

Question

Intento establecer un encabezado de Autorización para una solicitud GET para autenticar usuarios a una API de descanso. Estoy usando Angular 2 RC1. (Soy un principiante 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));
}

Permití CORS en mi back-end.

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

Mi consola:

OPCIONES api / userProfile /

XMLHttpRequest no puede cargar / userProfile /. La respuesta para la verificación previa tiene un código de estado HTTP no válido 406

Mis encabezados de solicitud

Alguna idea ?

Answer 1

Creo que necesita el encabezado Accept lugar del código de estado 406 ...

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

Esto le permite decirle al servidor qué tipo de contenido espera de la respuesta ...

El encabezado Content-Type es más bien para especificar el tipo de contenido que envió en la solicitud. En tu caso, no hay contenido ...

Answer 2

autorization = { Authorization: ''Token adfasdfadf651f65asd1f65asdf'' }
this.http.get(url, { headers: autorization})