localstorage 在页面刷新时在 react-redux 应用程序中返回“未定义”

Question

我正在使用 react-redux 应用程序并尝试将我的身份验证令牌存储在本地存储中。一旦我的登录 api 调用完成，我将 auth-token 放入 localStorage，如下所示：

function loginSuccess(response) {
  const { accessToken, refreshToken} = response;
  localStorage.setItem('accessToken', accessToken);
  localStorage.setItem('refreshToken', refreshToken);
}

当我重新加载网页时，在我的 App.js 中，当我尝试检索 accessToken 和 refreshToken 时，都返回“未定义”。这是为什么呢？

class App extends React.Component {
  constructor(props) {
    super(props);    ;
    if (localStorage.getItem('accessToken')) {
      authenticationActions.resetHeader();
    }
  }

Answer 1

通常，如果您处于隐身模式，就会发生这种情况。失败...使用调试器并确保accessToken 和refreshToken 不是undefined。如果刷新失败，loginSuccess 函数正在运行，debugger 再次是你的朋友。