javascript - 拒绝显示...在一个框架中，因为它在 React 和 oAuth 中将“X-Frame-Options”设置为“同源”

Question

当我使用使用 oAuth2 进行授权的应用程序在框架内进行授权时，它会引发以下错误：

拒绝在框架中显示...，因为它将“X-Frame-Options”设置为“同源”。

我们将 oAuth v2 与 Reactjs 一起使用。问题是我们有一个基于 Web 的营销 SAAS 产品以及一个在 iframe 中运行的集成应用程序。这个问题只发生在基于 iframe 的集成应用程序中。有什么办法可以克服它并以某种方式使其在 iframe 中工作？

标签： javascriptreactjsoauth-2.0oauthx-frame-options

Answer 1

出于安全原因，该站点故意阻止此内容。

如果有解决方法，则意味着您发现了一个主要的安全漏洞。oauth2 端点不希望您将其嵌入 iframe 中，因此：

1. 更改 oauth2 服务器以允许此操作
2. 接受您无法更改这一点，并尝试通过不使用框架来解决此问题。