Eureka无法使用iframe的内嵌页面访问或iframe内嵌Eureka报拒绝我们的链接请求的解决方法

最近需要让eureka的管理页面能够嵌入到我们的后台管理中，我们使用标签，代码如下所示：

但是发现无法直接正常显示：

F12打开调试页面，发现下列的错误信息：

Refused to display 'http://localhost:8761/' in a frame because it set 'X-frame-Options' to 'deny'

这是因为Spring Security默认设置X-frame-Options 为 deny：拒绝

X-frame-Options
下面介绍下X-frame-Options主要用处是用于防止点击劫持，点击劫持（ClickJacking）是一种视觉上的欺骗手段。攻击者使用一个透明的iframe，覆盖在一个网页上，然后诱使用户在网页上进行操作，此时用户将在不知情的情况下点击透明的iframe页面。通过调整iframe页面的位置，可以诱使用户恰好点击在iframe页面的一些功能性按钮上。 HTTP响应头信息中的X-frame-Options，可以指示浏览器是否应该加载一个iframe中的页面。如果服务器响应头信息中没有X-frame-Options，则该网站存在ClickJacking攻击风险。网站可以通过设置X-frame-Options阻止站点内的页面被其他页面嵌入从而防止点击劫持。

X-frame-Options响应头。赋值有如下三种：

• DENY：不能被嵌入到任何iframe或者frame中。
• SAMEORIGIN：页面只能被本站页面嵌入到iframe或者frame中
• ALLOW-FROM uri：只能被嵌入到指定域名的框架中

解决方案
从这里就可以看到，是因为Spring Security默认设置X-frame-Options响应头是 DENY，也就是不能被嵌入到任何iframe中，这也造成了我们无法正常显示eureka页面，所以我们需要在Spring Security的配置文件中设置关闭X-frame-Options即可，也就是加入下面这句

.headers().frameOptions().disable();

完整代码如下：

@Configuration
@EnableWebSecurity
public class WebSecurityConfig extends WebSecurityConfigurerAdapter {
    @Override
    protected void configure(HttpSecurity http) throws Exception {
        http.sessionManagement().sessionCreationPolicy(SessionCreationPolicy.NEVER);
        http.csrf().disable()
        .headers().frameOptions().disable();
    }
}

添加后，就能够正常显示页面了：

参考资料：原博文