状況・エラー内容

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

これで無事、コールバックを受け取り次の画面へ進むことができました。