时间戳

首页 > 解决方案 > 本地存储在 redux 令牌身份验证中的页面刷新时被清除

reactjs - 本地存储在 redux 令牌身份验证中的页面刷新时被清除

问题描述

我正在使用 react-token-auth 进行登录。登录部分成功并且令牌存储在本地存储中。但是当我刷新本地存储中的页面数据时变得未定义。

我在他们的 git-hub 中看到了问题页面，他们提到在后端处理以下行。我在后端没有太多曝光。

如果有人已经遇到过这个问题，请告诉我你是如何排序的。

config.middleware.insert_before 0, Rack::Cors do
      allow do
        origins '*'
        resource '*', :headers => :any, :methods => [:get, :post, :delete, :put, :patch, :options, :head], :expose  => ['uid', 'client', 'expiry', 'access-token', 'token-type']
      end
    end

标签： reactjsredux

解决方案

LocalStorage 将在页面刷新期间持续存在，因此我认为您的本地存储代码可能有问题。

应该是这样设置的：

localStorage.setItem('somekey', 'someval');

并检索：

localStorage.getItem('somekey');

另请验证您是否可以在 Chrome 开发工具的应用程序 -> 本地存储选项卡中看到存储的正确值。

编辑：

如果以上所有内容看起来都很好，那么也许您正在自己覆盖该值！Console.log 退出对 localstorage.setItem 的任何调用。

推荐阅读