React Redux JWT添加标题

时间:2018-06-01 03:09:04

标签: reactjs redux react-router react-redux react-router-v4

我已经解决了这个问题好几天了,我似乎无法弄清楚,谷歌也没有帮助。

我登录后,从API响应中获取JWT令牌,将令牌添加到我的本地存储中,然后我的计划将重定向到仪表板。我将如何继续将标记添加到标题?我似乎无法弄明白。当我将仪表板路径推送到历史记录时,页面不会重新加载它只是呈现仪表板。仪表板路由在我的后端受到保护,它会验证令牌是否在标头中有效,如果是,则它会在路由上进行。但如果我推进历史,那么它完全忽略了后端。我尝试像window.location.reload()一样,然后重新加载,但我无法弄清楚如何将标记添加到localstorage的标题。

由于

1 个答案:

答案 0 :(得分:0)

如果您使用的是单页应用,例如带有React路由器的React应用,则在路由之间导航不会触发页面重新加载或服务器请求。

在您的客户端使用JWT,您应该能够访问它并将其附加到您的React应用程序发出的ajax请求。

在您应用的某个位置,您可以使用fetch()或类似内容发出请求,您可以在其中配置Authorization: Bearer XXXXX标题。