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

Question

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

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 服务。 你有什么想法请与我分享。

Answer 1

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

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

Answer 2

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