React native axios with Authoriztion header is returning 400

Question

I recently implement Axios in my react native app. The problem I am facing is whenever I add authorization header with the request, it returns 400 while the same request with same Auth token is working fine with Postman. What can be the issue?

axios.get(EndPointURL, {
        headers: {
            Authorization: BearerToken
        }
    })
    .then(result => {
        console.log(result);
    })
    .catch(reason => {
        console.log(
            reason
        );
    });
}

score 0 · Answer 1 · answered Dec 26 '18 at 14:47

0

Are you sure that BearerToken is the same as the token you're using in PostMan? Seems to me you need you're not adding Bearer prefix that's required by OAuth2

Example:

headers: {
    Authorization: `Bearer ${BearerToken}`
}

answered Dec 26 '18 at 14:47

Tareq El-Masri

2,413
15
23

I am adding Bearer before the token, thats how postman works as well :). Yes same token in both othwise it should throw 401 error not 400. – Usman Iftakhar Dec 26 '18 at 14:51
try it this way `headers: { common: { authorization: BearerToken } }` – Tareq El-Masri Dec 26 '18 at 14:53
Tried but did not work "Error: Request failed with status code 400" – Usman Iftakhar Dec 26 '18 at 15:00
Are you developing on iOS? And is your endpoint running over HTTPS or not? – Tareq El-Masri Dec 26 '18 at 15:00
Yes, i am running the build on iOS and no its over simple HTTP. – Usman Iftakhar Dec 26 '18 at 15:02
Your issue is App Transport Security, iOS is blocking your request because you're not using HTTPS, you need to add exception in your info.plist and then rebuild the app. Check that answer https://stackoverflow.com/a/31623388/5200782 – Tareq El-Masri Dec 26 '18 at 15:03
1

Will try it and let you know soon. Thanks for the help bro. – Usman Iftakhar Dec 26 '18 at 15:06
Actually before modifying the info.plist, i tried to run the build on Android and its returning with the same 400 error. So i think the issue is something else than what you thought, am i right? – Usman Iftakhar Dec 26 '18 at 22:59

React native axios with Authoriztion header is returning 400

1 Answers1