Saltar al contenido

Angular 6 – httpClient pasando autenticación básica en httpOptions

Solución:

Puede agregar una autorización básica agregándola en los encabezados, como se muestra a continuación:

var headers_object = new HttpHeaders();
headers_object.append('Content-Type', 'application/json');
headers_object.append("Authorization", "Basic " + btoa("username:password"));

const httpOptions = {
  headers: headers_object
};

Simplemente agregue su token / autorización en los encabezados como este:

let httpHeaders = new HttpHeaders()
              .set('authorization', this.authorizationHeaderValue)
              .set('Content-Type', application/json); 

Ambos tienen métodos como establecer y agregar. set construye un nuevo cuerpo con un nuevo valor y adjuntar construye un nuevo cuerpo con un valor agregado

PD: aquí estoy asumiendo que el valor de la variable (this.authorizationHeaderValue) es un valor incluido como Bearer o Basic o lo que sea necesario, cámbielo en consecuencia.

Para más leer aquí

  • https://www.concretepage.com/angular-2/angular-httpclient-get-example#parameters

Mirando la documentación de angular.io, es bastante sencillo.

const httpOptions = {
  headers: new HttpHeaders({
    'Content-Type':  'application/json',
    'Authorization': 'Basic my-auth-token'
  })
};

Y puedes usar el httpOptions constante como lo hiciste.

Para más información: https://angular.io/guide/http#adding-headers

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *