開発している積読ハウマッチで、Googleアカウントでのログインに対応した際、 Firebase Authの認証フローをポップアップからリダイレクトに変えてみた。 ポップアップだと、どこでもログインできたけど、 ログイン画面だと元のページに戻りたく、いろいろ考えたときの備忘録。 こんな感じ どのページから来たかを覚えておけばいいかなと思ったので、 beforeRouteEnterで、前のページのパスを取得 クエリパラメタに付与しておく 認証後にクエリパラメタがあったら、そのパスに遷移 という感じにしてみた。 まずはパッケージのインストール $ npm i firebase firebaseui firebaseui-ja ソースはこんな感じ。 <template> <div class="container"> <div id="firebaseui-auth-container" />