拒绝在框架中显示，因为它将 'X-Frame-Options' 设置为 'DENY'。有角度的

Question

图书馆：

<script src="https://cdn.jsdelivr.net/npm/angularjs-social-login@2.6.1/angularjs-social-login.js"></script>

Facebook 按钮

<button fb-login type="button">facebook</button>

在控制器中

app.config(function(socialProvider){
socialProvider.setFbKey({appId: "***************", apiVersion: "v2.4"});
});

参考：https://github.com/heresy/angularjs-social-login-example/blob/master/index.html

此外，我已经尝试使用 google 登录，它的工作和 Facebook 一样得到以下错误：

Refused to display 'https://www.facebook.com/connect/ping?client_id=***************&domain=loca…lation%3Dparent&response_type=token%2Csigned_request&sdk=joey&version=v2.4' in a frame because it set 'X-Frame-Options' to 'DENY'.

Answer 1

发生这种情况是因为 Facebook 不允许您将他们的登录 iframe 直接嵌入您的页面，您需要打开一个新的 window。不太确定 fb-login 指令中发生了什么，但您可以尝试将 target="_top" 添加到您的按钮以在其自己的 window 中而不是在页面上的 iframe 中加载 Facebook 登录。他们将 X-Frame-Options 设置为 DENY 或 SAMEORIGIN 以防止恶意站点劫持用户会话。

<button fb-login type="button" target="_top">facebook</button>

拒绝在框架中显示，因为它将 'X-Frame-Options' 设置为 'DENY'。有角度的

Refused to display in a frame because it set 'X-Frame-Options' to 'DENY'. in anguluar

javascript

authentication

facebook

facebook-javascript-sdk

angularjs