Problema con axios y cabeceras headers (http) en mayúscula con React Native

Tiempo de lectura: < 1 minuto

Cuando utilizamos axios y adjuntamos una cabecera como el siguiente ejemplo:

 const config = {
        headers: {
            "Content-Type": "application/x-www-form-urlencoded",
            "TOKEN-AUTH": token
        }
    };

Tenemos que tener cuidado con las cabeceras que tengan mayúsculas, ya que axios las transforma en minúsculas.

Si en nuestro servidor back, esperamos recibir la cabecera TOKEN-AUTH en mayúsculas, tendremos que añadir también permitir recibir la cabecera token-auth ya que axios realiza un .toLowerCase automáticamente cuándo ejecutamos la APP en Andorid / iOS.

Lo mejor de todo es no tener que utilizar cabeceras con nombres en mayúsculas para que no ocurran este tipo de errores.

Deja un comentario