Laravel Socialite集成GitHub登录遇CORS跨域错误求助

问题根源 #

你通过XMLHttpRequest（AJAX）发起GitHub登录请求，但OAuth2授权流程要求页面直接跳转，而非异步请求。GitHub的授权接口不会返回Access-Control-Allow-Origin这类CORS响应头，因此浏览器会拦截该跨域AJAX请求，触发你看到的错误。

解决方案 #

1. 改用页面跳转方式触发登录
   将「使用GitHub登录」按钮改为普通链接或表单，直接指向你的GitHub登录路由：

   • 链接方式：

     <a href="{{ route('github.login') }}">使用GitHub登录</a>
     

   • 表单方式：

     <form action="{{ route('github.login') }}" method="GET">
         <button type="submit">使用GitHub登录</button>
     </form>
     

2. 确认路由逻辑正确
   确保你的/github路由仅负责重定向到GitHub授权页，无需处理AJAX请求：

   Route::get('github', function () {
       return Socialite::driver('github')->redirect();
   })->name('github.login');
   

额外说明 #

Fruitcake/laravel-cors包用于处理你的项目对外提供的API接口的跨域请求，而GitHub的授权接口不在你的控制范围内，因此这个包无法解决此问题——CORS响应头必须由目标服务（GitHub）返回，你无法干预。

内容的提问来源于stack exchange，提问作者Nicholas Wachira