ローカルストレージの内部にユーザーの資格情報を保存します。 React、Redux

Question

ユーザーがログインするとトークンが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) 
     }) 
    } 
} 

私はこれがなぜ起こっているのか、どうすれば解決できるのだろうかと思います。

読んでいただきありがとうございます！

Answer 1

window.locationを変更することは、ブラウザの更新を行うのと同じように、ページを更新するのと同じ方法でコンソール出力を消去します。あなたはchrome devtoolsのオプションで "ログを保存する"をチェックして回避することができます