> Faqs > Cómo enviar un header de bearer token con Axios

Cómo enviar un header de bearer token con Axios

Tengo una aplicación web en la que me tengo que atenticar contra un API usando "bearer token".

Estoy usando Axios para las comunicaciones http. El token ya lo tengo, después de haber realizado el proceso de login. Ahora pero no sé cómo tengo que generar la cabecera (header) para indicar el valor del token.

Respuestas

Yo he usado Axios para hacer autenticación en otras aplicaciones. El "bearer token" lo envías en las cabeceras del HTTP, con la cabecera Authorization y el valor "Bearer PONER_AQUI_TU_TOKEN".

Te paso un código simplificado para que tengas una referencia más completa sobre cómo usar Axios.

const token = 'PONER_AQUI_TU_TOKEN'; 

axios.get('https://example.com/endpoint', {
  headers: {
    'Authorization': `Bearer ${token}`
  }
})
.then(response => {
  console.log(response.data);
})
.catch(err => {
  console.error('Error recibido en la solicitud:', err);
});

Recuerda que si estás haciendo una solicitud POST, PUT... el valor de las headers se lo debes colocar como tercer argumento, ya que el cuerpo de la solicitud con los datos va como segundo argumento.

axios.post('https://example.com/endpoint', data, {
  headers: {
    'Authorization': `Bearer ${token}`
  }
})
Camila
680 29 46 6