Vue2ルータを手動で

Question

私はそのようなコードを持っている場合タイプは動作しません。

ページが読み込まれると、トークンがチェックされます。私がトークンを持っていないとき、私はログインページにリダイレクトしています。ログインページの場合はallVideosにリダイレクトするトークンがあるか、他のページの場合はリダイレクトしません。

私はリフレッシュを行ったときにすべてうまくいく、いくつかのボタンなどを通過する。しかし、手動で/＃/ loginと入力してVueレンダリングログインページを入力すると、auth_tokenが存在する。私が手動で入力すると、方法は全くcreatedにはなりません。私は再び/＃/ loginログインページからログインすると再び作業を開始....任意のアイデア???おかげ

アップデート：まあ、私は今、非常にクリーン私のためのようなコード

router.beforeEach((to, from, next) => { 
    if(localStorage.hasOwnProperty('auth_token')) { 
     if(to.name == 'login') { 
      next({name: 'allVideos'}); 
     } 
    } else { 
     if(to.name != 'login') { 
      next({path: '/login'}); 
     } 
    } 
     next(); 

}); 

ナビゲーションガードを使用しようとしたんだけど、私はあなたには、手動で

Answer 1

を入力していたときに問題がまだそこにありますコードnext()が2回呼び出されるため、問題が発生します。あなたはこのコードを試すことができます。

router.beforeEach((to, from, next) => { 
    if(localStorage.hasOwnProperty('auth_token')) { 
    if(to.name === 'login') { 
     next({name: 'allVideos'}); 
    } 
    } else if(to.name !== 'login') { 
    next({path: '/login'}) 
    } else { 
    next(); 
    } 
});