如何在本地存储中使用 JWT 来保持用户登录?

Posted

技术标签:

【中文标题】如何在本地存储中使用 JWT 来保持用户登录?【英文标题】:How to use JWT in localstorage to keep a user logged in? 【发布时间】:2019-04-06 02:17:44 【问题描述】:

我创建了一个带有 MongoDB/Express 后端 API 的反应应用程序。我也将 JWT 令牌存储在 localStorage 中,但是,我不知道如何使用 JWT 保持用户登录,我看不到两者之间的联系。

【问题讨论】:

【参考方案1】:

这取决于您如何检查用户是否登录到您的应用程序中,如果您的登录包括从状态检查 JWT,那么您应该从本地存储加载 JWT 并将其置于应用程序状态当应用程序启动时。

这是一个在应用商店初始化时从本地存储中获取令牌的示例:

const initialState = 
  auth: 
    authToken: localStorage.getItem('token')
  
;

const store = createStore(
  appReducers,
  initialState,
  applyMiddleware(appLogger, reduxThunk)
);

【讨论】:

以上是关于如何在本地存储中使用 JWT 来保持用户登录?的主要内容,如果未能解决你的问题,请参考以下文章

如何让用户使用 JWT 登录 Flutter 应用程序?

我应该使用本地存储来存储用户数据吗

根据初始浏览器请求向服务器发送 JWT 令牌(使用本地存储)

使用相同的操作清除并重置本地存储中用户的 JWT 令牌

如何在没有本地存储的情况下将 JWT 令牌存储在 VueX 中

使用 JWT 获取用户信息