反应：页面重新加载后本地存储 getItem() 不起作用答案

【问题标题】：React: Local storage getItem() was not work after the page reload反应：页面重新加载后本地存储 getItem() 不起作用
【发布时间】：2021-04-20 13:06:29
【问题描述】：

第1步：系统登录api响应令牌后使用setItem()添加本地存储。

window.localStorage.setItem("user", result.token);

第 2 步：添加令牌后，本地存储 getItem() 工作正常。

localStorage.getItem("user")

第 3 步：然后我们使用页面重新加载

window.location = window.location.origin;

第 5 步：现在本地存储 getItem() 不起作用的情况。它显示为“NULL”值。

localStorage.getItem("user")

我们将 Laravel 后端用于 Api 服务。你有什么想法请和我分享。

【问题讨论】：

【解决方案1】：

LocalStorage 由 protocol://host:port 分隔，因此如果您重定向到具有不同域/子域的页面，您将无法访问您填充的本地存储。

如果您需要在安装 JWT 模块时为 JWT 密钥生成密钥，请在服务器上上传站点时检查。

【讨论】：

【解决方案2】：

我认为本地存储 getItem() 显示 null 因为在第 3 步之后。您的应用程序将重新启动。 setItem 将再次调用，可能result.token 是null，因此本地存储中的用户将更改为 null。

【讨论】：