第一次加载页面时出现“无法在框架中查看此内容”错误

我开发了一个搜索表单，托管在我公司的本地服务器（iis，net core 网站）中。该网站是托管在另一台服务器（apache、wamp）上的 Wordpress，该服务器也在公司内。两者都有不同的公共IP，但两者都托管在同一域的子域下。

比如说，wordpress.company.com 和 search.company.com，我可以控制这两个网站。

我第一次使用 iframe 插件进行测试时，一切似乎都正常，但我现在意识到，Edge 中显示了此错误。所有浏览器上都会显示相同的行为，但不会显示类似的消息。

该内容无法在框架中显示

这里应该有一些内容，但发布者没有 允许它显示在框架中。这是为了帮助保护 您可能输入本网站的任何信息的安全性。

Try this

在新窗口中打开此窗口（这是 iframe 内容 url 的链接）

奇怪的是我只需要按 F5 就可以正确加载所有内容。

Chrome控制台中的错误是：

拒绝显示'http://subdomain.mysite.com/ http://subdomain.mysite.com/' 在一个框架中，因为 它将“X-Frame-Options”设置为“sameorigin”。

我该如何解决这种行为？

该问题与描述的问题类似here https://stackoverflow.com/questions/20254303/mvc-5-prevents-access-to-content-via-iframe但因为.net Core。并且解决方案也类似。

您还可以使用@user770 在问题评论中提出的建议。但是，这并不能解决 iframe 块的问题。这个答案都没有解释为什么刷新页面可以解决问题。然而，这对于用户来说并不是一个好的体验。

因此，解决方案很简单，并且可以通过代码完成，这样，如果有人尝试覆盖服务器中的 X-Frame-Options 设置，oyu 会更安全。任何多重设置都将派生为“拒绝”。

在项目的startup.cs 文件中，您必须添加此内容，以防止.net core 自动添加“sameorigin”设置。

 public void ConfigureServices(IServiceCollection services)
 {
        //YOU CAN HAVE SOME CODE HERE

        services.AddAntiforgery(o => o.SuppressXFrameOptionsHeader = true);
 }

但是，这可能会导致您的站点存在风险，并且当您对两个站点和两个域都有控制权时，应应用此方案。

为了保护站点，您必须设置 X-frame-options 设置以允许您想要的域。再次在startup.cs中执行以下操作。

    public void Configure(IApplicationBuilder app, IHostingEnvironment env)
    {
        //YOU MAY HAVE SOME CODE HERE

        app.Use(async (context, next) =>
        {
            context.Response.Headers.Add("X-Frame-Options", "ALLOW-FROM http://*.MYCONTROLLEDDOMAIN.COM https://*.MYCONTROLLEDDOMAIN.COM");
            await next();
        });
    }

这样您就可以允许您的域在 iframe 中请求该网站。