¿Cómo enviar "Cookie" en el encabezado de la solicitud para todas las solicitudes en Angular2?

Question

¿Cómo enviar "Cookie" en el encabezado de la solicitud para todas las solicitudes en Angular2?

En realidad , nuestro backend autentica la solicitud usando Cookie en el encabezado de la solicitud. Sé que se negará si establezco un encabezado "Cookie". Entonces, ¿hay alguna manera de enviar una Galleta al back-end ?

25

angular

Author: blasrodri, 2016-02-24

Source

2 answers

En Angular5 se puede escribir un interceptor Http:

Auth.interceptor.ts

import { Observable } from 'rxjs/Observable';
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { Injectable } from '@angular/core';

@Injectable()
export class AuthInterceptor implements HttpInterceptor {
  constructor() {}

  intercept(request: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    request = request.clone({
      withCredentials: true
  });
  return next.handle(request);
  }
}

Y agregar a la matriz de proveedores de la aplicación.módulo

App.módulo.ts

import { AuthInterceptor } from './services/auth.interceptor';
import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { HttpClientModule } from '@angular/common/http';
imports: [
    BrowserModule,HttpClientModule,FormsModule
  ],

providers: [
    {
    provide: HTTP_INTERCEPTORS,
    useClass: AuthInterceptor,
    multi: true,
    }
]

4

Author: JavaCodeNet,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2018-06-22 09:43:51

score 51 · Accepted Answer

Supongo que hay una fase en la que le pides al servidor que te autentique. Después de esto (y si la autenticación es exitosa), el servidor devolverá una cookie en la respuesta. El navegador almacenará esta cookie y la enviará de nuevo para cada llamada.

Dicho esto, en el caso de las solicitudes de dominios cruzados (CORS), debe configurar withCredentials de XHR a true para que el navegador agregue cookies en sus solicitudes.

Para habilitar esto con Angular2, necesitamos extender la clase BrowserXhr como se describe a continuación:

@Injectable()
export class CustomBrowserXhr extends BrowserXhr {
  constructor() {}
  build(): any {
    let xhr = super.build();
    xhr.withCredentials = true;
    return <any>(xhr);
  }
}

Y sobrescribir el proveedor BrowserXhr con la extensión:

bootstrap(AppComponent, [
  HTTP_PROVIDERS,
  provide(BrowserXhr, { useClass: CustomBrowserXhr })
]);

Vea estas preguntas para más detalles:

Editar (siguiendo el comentario de freaker )

Desde RC2, puede usar la propiedad withCredentials directamente dentro de la configuración de la solicitud como se describe abajo:

this.http.get('http://...', { withCredentials: true })

Editar (siguiendo el comentario[maxou])

Recuerde incluir withCredentials: true en cada solicitud.