首页 > 解决方案 > 你知道为什么登录不起作用吗?(网址在基本设置中定义)

问题描述

我有一个链接供用户使用 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,它为什么会出现在那里。

标签: facebook

解决方案


您是否使用“proj.test” URL 在 localhost 中工作?如果是,请在App Domains下添加proj.test& 。如果这不起作用,请尝试将它们添加到Server IP Whitelist中。localhost

我不知道您正在本地主机上进行测试。我很确定这就是您收到该错误的原因。


推荐阅读