将Jwt令牌添加到GET请求不在React中工作

作者: 晴天
发布时间: 2024-06-24 04:47:16 (1月前)
转自：

3 条回复

0#
回复此人
氷寒 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 感谢您试图帮助我让这个工作@Yoav！ </p> <P> 但是，似乎问题出在其他地方 - 我没有在我的获取请求中的正确位置添加令牌。 </p> <P> 有效的代码是这样的： </p> <pre> <code> getData(){ let auth = localStorage.getItem('user_token'); return fetch(url, { method: 'GET', headers:{ Accept: 'application/json', 'Content-Type': 'application/json', 'Authorization': "Bearer " + auth, }, }) .then(res => res.json()) </code> </pre> <P> 我甚至可以在执行fetch之前定义auth变量并在函数中获取令牌 - 在componentdidmount中调用它也有效，但这不是主要问题。 </p> <P> 对于在此手表上工作的任何其他人，您将令牌放入请求中！ </p> </DIV>

编辑
1#
回复此人
AsuRa | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 似乎在初始化const时 <code> AuthStr </code> 你已经添加了 <code> Bearer </code> 字符串： <BR/> <code> const AuthStr = 'Bearer '.concat(token); </code> 。 <BR/> 然后，在设置请求时，您将再次执行此操作： <BR/> <code> Authorization: "Bearer " + AuthStr </code> 。 <BR/> 所以你实际发送的内容如下： <code> Bearer Bearer your token </code> 。 <BR/> 你试过实例化吗？ <code> AuthStr </code> 里面的参数 <code> getData() </code> 功能还是 <code> componentDidMount() </code> ？ </p> </DIV>

编辑

登录后才能参与评论