Laravel CORS - 对预检请求的响应未通过访问控制检查：请求的标头上不存在'Access-Control-Allow-Origin'标头

Question

我正在尝试将Laravel socialite集成到我的项目中，我遇到了以下错误

访问位于"的XMLHttpRequesthttps://github.com/login/oauth/authorize?client_id=6b87b76a942a90caec24&redirect_uri=http%3A%2F%2localhost%3A8000%2Github%2Fcallback&scope=用户%3电子邮件&response_type=代码&state=ZLzrBzsFH6YVKpat3yZ5a2G6vLd0wWedFRwFRXoc'(重定向自'http://localhost:8000/github'(来源'http://localhost:8000'已被CORS策略阻止：对飞行前请求的响应未通过访问控制检查：请求的资源上不存在"access control Allow Origin"标头。

问题是当我按下github按钮登录时，我会得到上面的错误

错误图片

cors.php文件

'allowed_methods' => ['*'],
'allowed_origins' => ['http://localhost:8000'],
'allowed_origins_patterns' => [],
'allowed_headers' => ['*'],
'exposed_headers' => [],
'max_age' => 0,
'supports_credentials' => false, 

我正在使用Fruitcake/laraavel cors包装

protected $middleware = [
FruitcakeCorsHandleCors::class,
];

我哪里错了？

Answer 1

访问'XMLHttpRequesthttps://github.com/...'(重定向自'http://localhost:8000/github'(。。。被CORS策略阻止

您不是Github。

在你的Laravel应用程序上运行的代码没有在github.com上运行。

您不能授予JavaScript读取Github发送到用户浏览器的数据的权限。

---

从更广泛的角度来看，您在尝试实现OAuth的过程中出现了错误。您正在发出一个Ajax请求，其中需要发出一个请求，将浏览器导航到Github，以便用户与其登录UI进行交互。