かとのぼのマイコード・マイライフ

エンジニア兼ウェブサービス開発者のプログラミングと雑記ブログ

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

基礎から学ぶ Vue.js

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

 

www.katonobo.com

 

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

 

 

 

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

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

 

参考:

 

www.katonobo.com

www.katonobo.com