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

最新推荐文章于 2022-09-27 13:57:56 发布

振钧

最新推荐文章于 2022-09-27 13:57:56 发布

阅读量2.4k

点赞数 2

分类专栏： JAVA后端文章标签： eureka iframe SpringSecurity

本文链接：https://blog.csdn.net/qq_42567801/article/details/121799563

版权

JAVA后端专栏收录该内容

17 篇文章 0 订阅

订阅专栏

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

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<style>
		html, body {
			height: calc(100%);
			margin: 0;
		}
	</style>
</head>
<body>
<iframe style="width: 100%; height: 100%" src="http://localhost:18001/login" frameborder="0" ></iframe>
</body>
</html>

但是发现无法直接正常显示：
在这里插入图片描述
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();
    }
}

添加后，就能够正常显示页面了：
在这里插入图片描述
参考资料：原博文

振钧

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
Eureka无法使用iframe的内嵌页面访问或iframe内嵌Eureka报拒绝我们的链接请求的解决方法

最近需要让eureka的管理页面能够嵌入到我们的后台管理中，我们使用标签，代码如下所示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html, body { height: calc(100%); margin: 0; } </style>&l
复制链接

扫一扫

专栏目录