How do i pass a bearer authorization token with ApiSauce

Question

Please help check if the method i used to pass the bearer authorization token, because its not working, Maybe im missing something please

apiClient.addAsyncRequestTransform(async (request) => {
  const authToken = await authStorage.getToken();
  if (!authToken) return;
  request.headers["Authorization"] = "access " + authToken;
});

Harshana · Answer 1 · 2020-12-14T02:12:53.173

3

A bearer token normally starts with the phrase bearer. So, replace the word access with bearer and try again:

apiClient.addAsyncRequestTransform(request => async () => {
  const authToken = await authStorage.getToken();
  if (!authToken) return;
  request.headers["Authorization"] = "Bearer " + authToken;
});

edited Dec 14 '20 at 02:12

answered Dec 14 '20 at 01:58

Harshana

5,151
1
17
27

Still the same issue... what do you think please – Nelson Kehinde Dec 14 '20 at 01:59
Can you mention the API Documentation you use? – Harshana Dec 14 '20 at 02:00
API Sauce, i tested it with Postman and it works when I put the token in the bearer option under authorization tab... But in my app, while inspecting the api with React native debugger, it keeps says 401 unauthorized – Nelson Kehinde Dec 14 '20 at 02:02
Can you add a screenshot of the Postman request? – Harshana Dec 14 '20 at 02:04
Please check, just added it – Nelson Kehinde Dec 14 '20 at 02:10
Tried that too. Still the same. – Nelson Kehinde Dec 14 '20 at 02:29
Hey, You're right, I just noticed something. .. although its still not working, but its passing the Bearer + Token to the backend as I inspected the network. I think else might be the problem. I'm just tired – Nelson Kehinde Dec 14 '20 at 02:46
Okay. Let's see – Harshana Dec 14 '20 at 02:52
Thanks. I have updated the question, please check – Nelson Kehinde Dec 14 '20 at 08:00

score 0 · Answer 2 · answered Apr 12 '22 at 05:59

Here is my Complete Code:

import apisauce from 'apisauce';
import { Constants } from '../utils/Constants';
import LocalStorage from '../Service/LocalStorage'
let local = new LocalStorage()

export const createBackendServer = (baseURL = Constants.BASE_URL) =>
{
 const api = apisauce.create({
 baseURL,
 timeout: 30 * 1000,
  });

 api.setHeaders({
  Accept: 'application/json',
 'Content-Type': 'application/json',
  })

 api.addAsyncRequestTransform(request => async () => {
  await local.getSession((res) => {
   if (res.token) {
request.headers["Authorization"] = "Bearer " + res.token;
 }
 })
});

 const signUpUser = (body) => api.post('/signup', body);
 const signInWithEmailPassword = (body) => api.post('/login', body);
  const signOut = () => api.get('/logout');

  return {
 signUpUser,
 signInWithEmailPassword,
 signOut
};
};

How do i pass a bearer authorization token with ApiSauce

2 Answers2