我在我的reactjs项目中使用了持有者令牌,并从本地存储中获取令牌,但在持有者和令牌之间没有适当的空间

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

推荐答案

您的代码格式化程序(如prettier)必须删除空格.在此期间,你可以使用这条线路

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

Reactjs相关问答推荐

过滤对象数组并通过迭代对象数组将属性放入新数组

客户端组件中服务器组件的两难境地

更改滑块标记的文本 colored颜色 ./Reaction/MUI 5

ReactJS:唯一项目的数量总和

为什么react日历时间轴项Renderprops 不能与useState挂钩一起使用?

如何动态地改变<; Select >;React和Tailwind元素?

为什么我的react 简单计时器项目不起作用?

如何在中间件中获取 nextAuth 会话

获取类别和页面的参数

无法读取未定义的属性(读取值)...TypeError:无法读取未定义的属性(读取值)

当我在 React Router Dom 中使用两个参数并直接在页面上导航时,数据获取没有发生

React 测试库包装器组件

条件渲染元素的测试不起作用

从服务器获取数据时未定义,错误非法调用

Redux,状态未定义

@react-three/postprocessing 没有匹配的从 three.module.js 导出以导入WebGLMultisampleRenderTarget

单元测试 useLoaderData() react-router v6 加载器函数

为什么接受 useState 返回的函数的 setter 在使用 React 的单个调用中执行两次?

为什么我在此代码段中看不到 useEffect for count = 1?

在 React 中使用使用状态挂钩合并两个数组