FirebaseによるGoogle認証が動作しません(AWS S3)。

Question

実現したいこと

AWS S3 にアプリを静的ホスティングし、Google認証用のモーダルを表示させてGoogleアカウントによるログイン(tokenの取得)を行いたい。
vueによりSPAアプリを作成しています。
認証にFirebase Authentication の Google認証をモーダルで表示する機能を使用しています。

環境

AWS S3
Vue.js(vue-cliによるプロジェクト)
Firebase Authentication(認証：Googleアカウントによるログイン(モーダル))

発生している問題

S3へアプリを配置し、アプリへアクセスできますが、認証するときに、すぐにモーダルが消えてしまいます(一瞬表示される)。
端末上のローカル環境で npm によりローカルサーバを起動してアプリを動作させている時はモーダルが表示され、Google認証可能です。
おそらくS3の設定だとは思うのですが、
S3に配置したアプリでFirebaseのような外部サービスを使用する場合にしなければならない設定などはございますでしょうか。

Google認証のコード

// ログイン処理
firebase.auth()
	.signInWithPopup(provider) // モーダルウィンドウでログイン
	.then(function(auth) {
		// ログイン完了後の処理
        ***
	}).then(function() {
        ***
    });

Answer 1

まったくのあてずっほうですが、CORS に引っかかっていたりしませんか?
(Javascript Console でエラーは出てませんでしょうか)

ただ、Firebase Hosting とか Firebase Functions とかだと CORS 設定が必要な気がするんですが、Authentication で必要なのかどうかよくわかっておりません。外れていたら申し訳ないです。

Comments

[skkd]

ありがとうございます！
ご指摘の通りで、CORSに引っかかっていました！
承認済みドメインにAWSのドメインを登録したら動作するようになりました、大変助かりました！