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

Posted 2023-03-10

【中文标题】在本地存储中存储用户凭据 |反应，还原

【英文标题】：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

【参考方案1】：

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