如何在浏览器中存储数据？

Question

背景故事：我正在创建一个 React 应用程序，它使用基于后端 API JSON 的身份验证进行登录，在验证用户后后端返回一个 JSON 令牌以供将来请求使用。

我现在在做什么：我正在将令牌从一个组件传递到另一个组件props（是的，这既不优雅也不干净）。

我在寻找什么：有人在看到该项目后建议我将令牌和其他冗余数据存储在浏览器内存中。现在，我不知道该怎么做，也找不到任何资源。

但是：我相信这个问题可以通过redux. 但是我想先创建一个仅反应的应用程序，然后再跳转到redux其他一些高级内容。

• 那么，如何将这些类型数据存储在浏览器内存中呢？
• 或者，有没有更优雅的解决方案？
• 另外，给我一些关于会话管理的建议。就像令牌过期时，用户会显示一个对话框并重定向回登录页面。

Answer 1

你为什么不干脆去找LocalStorage？像这样

localStorage.setItem('user_info', JSON.stringify(response));

有关更多信息，请参阅此处

• https://www.w3schools.com/html/html5_webstorage.asp
• https://www.w3schools.com/html/html5_webstorage.asp

更新

要从中获取值，locastorage可以使用以下语法 -

localStorage.getItem('user_info');