Question 73328 in Reactjs Question posted in
The new location for the React Documentation can be found here.

space issue in bearer token in react js – Reactjs

I m using Bearer token in my reactjs project and getting token form localstorage but space not coming properly between Bearer and Token

Code

const TOKEN = localStorage.getItem('TOKEN');
Axios.defaults.headers.common['Authorization'] = `Bearer ${TOKEN}`;

Result

Authorization: BearerN1ZuxkpgOlOfMGK3hrsl9N4UveoX-67hDH6jRDc5DgEA5yZpDxdyorIMCAeDV5vmHndKsapoYEqiXtoEPzT4vk6FQNOiQQRGdybZ-kfayEF2UaN7IJF0ui1nC8-hfpuzQddzBCg9PoskBzUJCc5ajYzp9VSNmo-nGtigEpyiqw7A5HDxi8GGytvkCGsM0-feW3FEy05VSKzkSu8pxTHR_Ism_uTTIxjrhiOEzMka5-qbhSQyTV1b5B_n_f_gsYX2
Tags:

2

Answers


  1. 0

    Your code formatter like prettier must be removing the space. In meantime you could use this line

    Axios.defaults.headers.common['Authorization'] = 'Bearer'+' '+TOKEN;
    Login or Signup to reply.
  2. 0

    That’s the correct way to define the header.

    const TOKEN = localStorage.getItem('TOKEN');
Axios.defaults.headers.common['Authorization'] = `Bearer ${TOKEN}`;
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search