reactjs - React js中不记名 token 的空间问题

Question

我在我的reactjs项目中使用承载 token 并从本地存储获取 token ，但承载和 token 之间的空间不正确

代码

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

结果

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

Answer 1

您的代码格式化程序(例如 prettier)必须删除空格。同时你可以使用这条线

Axios.defaults.headers.common['Authorization'] = 'Bearer'+' '+TOKEN;