Facebook 登录 生产中的空白屏幕

Sab*_*uke 5 facebook facebook-login reactjs

我正在使用react-facebook-login库在我的react 应用程序中实现facebook 登录。每次我点击 Facebook 登录按钮尝试登录时,由于某种原因,它都会给我一个空白页面。一旦我关闭弹出窗口,它就会自动登录到我的帐户。这仅发生在生产中,本地主机上一切正常。我检查了下面的网址,看看应用程序 ID 是否有问题,但没有。

这是弹出页面的屏幕截图:

在此输入图像描述

这是网址:

https://www.facebook.com/v2.3/dialog/oauth?app_id=[app_id]&auth_type=&cbt=1662983366825&channel_url=https%3A%2F%2Fstaticxx.facebook.com%2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion %3D46%23cb%3Df3167cf29f7288c%26domain%3Ddash.in深度.inkylab.com%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fdash.in深度.inkylab.com%252Ff304eb27eb1ffa4%26relation%3Dopener&client_id= [client_id]&display=弹出窗口&domain= dash.indepth.inkylab.com&e2e=%7B%7D&fallback_redirect_uri=https%3A%2F%2Fdash.indepth.inkylab.com%2Fdashboard%2Foverview%2F&locale=en_US&logger_id=f1c467f11696cbc&origin=1&redirect_uri=https%3A%2F%2Fstaticxx.facebook.com %2Fx%2Fconnect%2Fxd_arbiter%2F%3Fversion%3D46%23cb%3Df11d4365f6ca06%26domain%3Ddash.indepth.inkylab.com%26is_canvas%3Dfalse%26origin%3Dhttps%253A%252F%252Fdash.indepth.inkylab.com%252Ff304 eb27eb1ffa4%26关系%3Dopener%26frame%3Df36d6c5766d6e5&response_type=token%2Csigned_request%2Cgraph_domain&return_scopes=false&scope=public_profile%2Cpages_show_list%2Cread_insights%2Cpages_read_engagement%2Cpages_read_user_content&sdk=joey&version=v2.3

成分:

                <FacebookLogin
                    appId={appId}
                    autoLoad={false}
                    scope={permissions.join(',')}
                    fields="name,email,picture"
                    onClick={handleClick}
                    callback={handleResponse}
                    render={renderProps => (
                        <div className="fb-login" onClick={renderProps.onClick}>
                            <img className="fb-login-logo" src="https://static.xx.fbcdn.net/rsrc.php/v3/yd/r/pXqmY8Ggh_m.png" />
                            <span className="fb-inner">&nbsp;&nbsp;Login with Facebook</span>
                        </div>
                    )}
                />
Run Code Online (Sandbox Code Playgroud)

Sab*_*uke 8

显然,您需要使用 javascript sdk 启用登录并指定允许的域。这对我来说就是问题。设置可以在facebook登录产品设置中找到。

在此输入图像描述