facebook - 你知道为什么登录不起作用吗?(网址在基本设置中定义)
问题描述
我有一个链接供用户使用 facebook 登录:
<a href="{{route('social.auth',
['provider' => 'facebook'])}}" >
<i class="fa fa-facebook" aria-hidden="true"></i> Login with Facebook</a>
当用户单击“使用 facebook 登录”时,它会显示:
URL 被阻止:此重定向失败,因为重定向 URI 未在应用的客户端 OAuth 设置中列入白名单。确保客户端和 Web OAuth 登录已打开,并将所有应用程序域添加为有效 OAuth 重定向 URI。
在 facebook 基本设置中:
应用程序域:
https://....ngrok.io
网站网址:
https://....ngrok.io/auth/facebook/callback
在 .env 文件中:
APP_URL=https://....ngrok.io
路线:
Auth::routes();
Route::get('auth/{provider}', [
'uses' => 'OauthController@redirectToProvider',
'as' => 'social.auth'
]);
Route::get('auth/{provider}/callback', [
'uses' => 'OauthController@handleProviderCallback',
]);
当用户单击登录按钮并出现该错误时,他将被重定向到“ https://www.facebook.com/v3.0/dialog/oauth?client_id=...&redirect_uri=...proj.test.. .facebook%2Fcallback&scope=email&response_type=code&state= ..."。有“proj.test”是访问 localhost 中项目的 url 我不知道如果在基本和高级设置中只定义了 ngrok.io url,它为什么会出现在那里。
解决方案
您是否使用“proj.test” URL 在 localhost 中工作?如果是,请在App Domains下添加proj.test
& 。如果这不起作用,请尝试将它们添加到Server IP Whitelist中。localhost
我不知道您正在本地主机上进行测试。我很确定这就是您收到该错误的原因。
推荐阅读
- python - 将列表字符串转换为列表
- sql-server - 如何使用参数通过 CREATE ASYMMETRIC KEY 指定 Asym_Key_Name
- sql-server - Hibernate 和 sql server -- 选择 IN 有 8000 项
- bash - 如何在 `$@` bash 变量中包含 `-e` 参数?
- c# - 如何获取共享域库的列表
- html - 调整浏览器高度时图像会缩小,但在调整宽度时不会
- android - Android Studio 如何使用 Firebase 制作通知
- python - 从结果表中划分和组合节点文本?
- javascript - 调用函数时的角度5奇怪的行为
- vba - Excel VBA - 为打开文件创建循环