javascript - 将用户凭据存储在本地存储中 | react 、Redux

Question

当用户登录时，他/她会获得一个 token ，如果我使用 jwt_decode console.log 该 token 而不将用户重定向到根路径我可以从我的 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)
      })
  }
}

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

感谢您的阅读!

Answer 1

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