katonobo’s blog

プログラミング中心の雑記ブログ

 お知らせ

 プログラミングスクールの口コミサイト「プロログ」をリリースしました プロログ

 プログラミングに興味ある方はぜひご覧ください!  

 またスクールに通われたことがある方はぜひ口コミにご協力ください!お願いします!

ナビゲーションガードでログイン認証しているはずなのにリダイレクトしたら認証画面に飛ぶのを防ぐ方法

以前に書いた、Vue.jsのルートガードでも大体OKだったのだが、リダイレクト時に認証できずに認証画面に飛んでしまうので、そこを修正。

 

www.katonobo.com

 

結論は、router画面でfirebaseの認証を設定すれば良い。

 

 

 

ログインが必要なところはmeta属性をくっつけて判別。beforeEachの部分でfirebaseのログインがあるか確認、条件分岐で分けてるって感じ。

本当はVuexを使ってデータを保持しておけばもっと簡単だし、サンプルもたくさんあるのでそちらの方が本当は良いかも。