状況・エラー内容
Laravelのアプリケーションに、OAuthとSocialiteを使って、Googleアカウントでログインする機能を実装しているとき。
Googleアカウントを選択する画面までは表示できているが、アカウントを選択してログインしようとすると「このサイトにアクセスできません。localhostで接続が拒否されました。」となる。
原因
Googleから承認済みのリダイレクトを受け取るURLをGoogleに設定しているが、そのURLにlocalhostのポート番号を指定していなかった。
ここではローカル開発環境はMAMPを使っている為、
「http://localhost:8888/login/google/callback」
と設定しなおす。
すると今度は別のエラー画面が表示される。
これはLaravelで設定しているAPP_URLが原因だったので、以下のようにenvファイルを修正する。
env
APP_URL=http://localhost:8888
これで無事、コールバックを受け取り次の画面へ進むことができました。