在本地存储中存储用户凭据 |反应，还原答案

【问题标题】：Store users credentials inside of local storage | React, Redux在本地存储中存储用户凭据 |反应，还原
【发布时间】：2018-01-11 12:50:51
【问题描述】：

当用户登录时，他/她得到一个令牌，如果我 console.log 带有 jwt_decode 的令牌没有将用户重定向到根路径，我可以看到用户的邮件、姓名、等来自我的console.log，但如果我将用户重定向到根路径，console.log 在用户被重定向后消失。

export function login(data) {
  return dispatch => {
    dispatch({ type: 'LOGIN_IS_LOADING' })
    axios
      .post(`${settings.hostname}/tokens`, data)
      .then(res => {
        const token = res.data
        localStorage.setItem('token', token)
        dispatch({ type: 'LOGIN_SUCCESS', payload: token })
        setAuthorizationToken(token)
        var decoded = jwt_decode(token)
        console.log('DECODED', decoded) // Getting an output when the line below is commented out
        // window.location.href = '/'
      })
      .catch(err => {
        dispatch({ type: 'LOGIN_ERROR', payload: err })
        console.log('Error:', err)
      })
  }
}

所以我想知道为什么会发生这种情况，以及如何解决它。

感谢阅读！

【问题讨论】：

您确定console.log 没有触发，但是之后您会立即重定向以便清除控制台？尝试保留日志，您应该会看到 console.log

标签： javascript reactjs redux local-storage jwt

【解决方案1】：

更改 window.location 就像刷新浏览器一样，它会像刷新页面一样擦除控制台输出。您可以通过检查 chrome devtools 选项中的“保留日志”来解决此问题

【讨论】：