🔥
auth/unauthorized-domainエラーについて
状況
React + Vite + Firebaseで作ったWebアプリをVercelを使ってデプロイした際、ログイン処理をしようとしたらauth/unauthorized-domainというエラーが出てしまったので、それについてメモします。
解決策
- Firebaseの承認済みドメインに
vercel.appを追加する。
エラーの原因
auth/unauthorized-domainというエラーメッセージからも分かる通り、Firebase側で許可されていないドメインからはFirebaseへアクセスできないようです。Firebaseを使ったWebアプリをVercelを使ってデプロイする際は、vercel.appをFirebase内Authenticationの設定で「承認済みドメイン」に追加することでアクセスができるようになります。
Vercel以外でもドメイン名を同様に追加してあげればこのエラーは解消できると思います。
参考
Discussion