ログイン後に戻る先が許可されていない
Error 400: redirect_uri_mismatch Invalid redirect URL
ひとことで言うと
「ログインしたあとに戻ってくるアドレスが、登録されたものと違います」という意味です。Google ログインなどで出ます。
よくある原因
- 公開したアドレスを、ログインの設定画面に登録していない
- http と https、最後の
/の有無などが違う
自分で確かめること
- Google Cloud や Supabase の認証の設定画面で、登録してある戻り先のアドレスを見る
たいていは、こうすると直ります
実際に使うアドレス（開発用の localhost と、公開したアドレスの両方）を、戻り先として登録します。
AIへの伝え方
下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。
次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。 【エラー】 Error 400: redirect_uri_mismatch Invalid redirect URL 【やったこと】 （ここに、エラーが出る前にしたことを書く。例：npm run dev を実行した） 【参考】 このエラーは「ログイン後に戻る先が許可されていない」というもので、よくある原因は次のとおりです。 ・公開したアドレスを、ログインの設定画面に登録していない ・http と https、最後の `/` の有無などが違う どれに当てはまるかを確かめる方法も教えてください。