javascript - 拒绝在框架中显示，因为它将 'X-Frame-Options' 设置为 'DENY' 。 Angular

Question

这个问题已经有答案了:

Facebook FB.Init Refused to display in a frame because it set 'X-Frame-Options' to 'DENY' (1 个回答)

已关闭 4 年前。

图书馆:

<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>

在 Controller 中

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 直接嵌入到您的页面上，您需要打开一个新窗口。不太确定 fb-login 指令中发生了什么，但您可以尝试将 target="_top" 添加到按钮以在其自己的窗口中加载 Facebook 登录信息，而不是在页面上的 iframe 中。他们将 X-Frame-Options 设置为 DENY 或 SAMEORIGIN 以防止恶意站点劫持用户 session 。

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