登录界面被嵌套到iframe解决方案

最新推荐文章于 2026-04-20 04:54:54 发布
转载 最新推荐文章于 2026-04-20 04:54:54 发布 · 1.7k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
原文链接：https://blog.csdn.net/fsz521/article/details/7272414
这段代码主要用于防止其他网站通过iframe嵌入你的网页内容。它检查当前窗口的URL是否与顶级窗口的URL不同，如果不同则将顶级窗口的URL设置为当前窗口的URL，这样可以避免你的网站在外部框架中被显示。

if (top.location != self.location) {top.location=self.location;}

top.location != self.location 就是说当前窗体的url和父窗体的 url是不是相同

如果相同执行top.location=self.location;}，把窗体的url设成和本窗体一样。这个是为了防止别的网站嵌入你的网站的内容（比如用iframe嵌入的你的网站的页面）

————————————————
版权声明：本文为CSDN博主「fsz521」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/fsz521/article/details/7272414

解决Iframe嵌入帆软BI系统后，Chrome升级后跨域出现登录界面，Cookie写入不成功。
帆软爱好者的专栏
09-30 5240
1 先看效果： cookie写入不成功，是因为google chrome的高版本为了防止CSRF攻击，默认将Cookie的SameSite设置为lax了，导致cookie跨域的时候就写不成功了。如果我们在嵌入页面的url上加上fine_auth_token参数值会怎样呢？看下图： 从上面看出当请求我们的BI页面时，Set-Cookie那里有个黄色的感叹号，表示cookie写入失败了，那一行小字说的是 SameSite=Lax了，所以跨域就写不了Cookie了。 为了解决这个问.
vue 用iframe嵌套其它项目页面针对跨域与传值页面跳转失败处理
周家大小姐
09-23 7396
需求:A项目中有个菜单点击的时候中心内容页面与B项目的一模一样,所以产品想把B项目的页面直接嵌入过来显示,但其中有几个问题要处理就是嵌入B项目时B项目的左侧菜单和头部导航要隐藏,并而在跳时隐式登录,不需要用户重新在B项目又登录一次。B项目在全局路由router.beforeEach中接收并在里面处理自动登录与跳转的问题。加载Iframe成功前先获取A项目用户ID这里是写的模拟的;
解决iframe嵌套第三方网页，导致鉴权失败无法登录的问题
老衲的少女心i~
05-23 2万+
目录前言一、iframe是什么？二、401 (Unauthorized)三、解决总结 前言 最近遇到的一个问题，老项目的第三方以iframe嵌入的网页，无法正常登录了。 定位问题，发现： 控制台报错401 (Unauthorized)，导致的无法正常登录。是因为我们iframe的问题，产生了跨域，导致我们的cookie无法共享。 提示：以下是本篇文章正文内容，下面案例可供参考 一、iframe是什么？ HTML 内联框架元素 (< iframe >) 表示嵌套的browsing contex
从数据包抓取到协议解析：手把手教你用Wireshark分析BLE ATT层通信
最新发布
weixin_33743248的博客
04-20 835
本文详细介绍了如何使用Wireshark工具分析BLE ATT层通信，从硬件配置到软件部署，再到数据包捕获和协议解析。通过实战案例，帮助开发者掌握蓝牙低功耗通信中的属性协议层（ATT）分析技巧，解决智能设备通信问题。
vue 使用 iFrame 嵌套带有登录的网站 登录成功 无法跳转
id_EquinoxFlower的博客
03-15 2715
2.如个你使用Frame标签嵌套的网址是带有登录的需要注意两个网站是不是在统一域名下面如果在就可以正常登录 ， 如果不在的话会出现登录成功但是无法跳转的问题。1.项目在使用iFrame标签嵌套其他，网址或者自己的网址的时候如果没有登录只是浏览是没有问题的。这个问题有点好玩，当时做的时候没想起来，哎不说讲一下问题。
解决项目中引用iframe点击后出现不会完全跳转的问题
weixin_54443782的博客
07-29 3245
解决iframe页面跳转问题
iframe嵌套页面_内嵌页面session超时，内嵌页面显示登录界面问题解决方案
weixin_39607865的博客
12-01 1927
内嵌页面session超时，内嵌页面显示登录界面问题解决方案我们在开发web项目的时候 经常用到iframe嵌套，这里的话 不管是开发的时候，还是正式环境使用。当session超时，或者重启项目，内嵌的页面会跳转到登录页面；如上图，用户体验很差；解决思路 我们在登录页面 进行判断 假如是 内嵌的页面，我们就找到他的 最顶层父页面，然后然后父页面 进行 重定向到登录页面即可；核心代码实现；...
python selenium表单定位_python selenium表单定位
weixin_39900582的博客
12-21 268
在Web应用中经常会遇到frame/iframe 表单嵌套页面的应用，WebDriver 只能在一个页面上对元素识别与定位，对于frame/iframe 表单内嵌页面上的元素无法直接定位。这时就需要通过switch_to.frame()方法将当前定位的主体切换为frame/iframe 表单的内嵌页面中：如下两个例子：1 、 163邮箱登入界面：https://mail.163.com/2 、电信...
解决iframe嵌套项目无法登录的问题
anderlaw的博客
04-11 1万+
以iframe标签嵌入一个现有的项目到网站中，嵌入的项目无法正常登录，直接在浏览器地址栏输入url并登录是正常的。于是开始探索... 问题分析 由于后续接口提示401，判断是登录接口鉴权失败导致的，于是观察登录接口的请求响应，发现了端倪： 翻译为大白话就是：写入Cookie失败。原因是没有显式设置cookie的samesite属性，导致被默认为Lax，又因为响应的接口属于非顶层导航的跨站请求，浏览器将其屏蔽了！ 这个提示包含了两个信息： 设置cookie时有个连带的SameSite属性 .
【解决方案】iframe嵌套Grafana如何伪装
架构师的成长之路的博客
09-15 4445
2020博客地址汇总 2019年博客汇总 转载：https://www.jianshu.com/p/bb64e714859c 事件描述 时间紧急、性能数据采集改造、后端近期无法直接提供数据接口，希望通过grafana直接作为可视化监控，做一层包装且尽可能的伪装。 技术选型 1. Grafana v6.3 2. Vue 安装Grafana 在初次部署的时候，我是使用docker安装，由于后面需要修改配置文件，要把这些文件和数据挂载出来，就遇到一些问题。 所以建议使用本地安装，..
记录--五个有用的iframe踩坑问题，快收藏！
林恒的博客
08-01 1973
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 你不会还不知道iframe不能嵌入百度首页吧？为了丰富用户体验，我们常常会将其他网站的内容嵌入到自己的网页中。然而，随之而来的是一个常见的问题：Iframe 嵌入网站无法正常使用。你是否也曾遇到过这个困扰，不知道该如何解决呢？文将深入探讨 Iframe 嵌入时可能遇到的若干问题，并为您呈现解决方案。从同源策略、跨域机制到安...
解决第三方使用iframe内嵌页面时无法正常登录访问的问题
qq_28013889的博客
11-22 1万+
主要解决了谷歌浏览器高版本浏览器88或以上,引用iframe内嵌页面,因为浏览器的安全策略存在跨域，无法使用cookie获取到token信息，导致页面加载不出来的问题
解决引用iframe点击后出现页面不会完全跳转和iframe标签与下面的标签之间的间距
m0_61843988的博客
08-01 2834
引用iframe点击里面的内容，出现整个网页不会完全跳转到另外一个页面，而是只有iframe标签跳转了。然后之间的间距没了，但是会出现缺失文字，在给iframe下面的内容的。父标签写上font-size14px;引用iframe出现与下面内容有间距。......
iframe嵌套第三方页面跨域带cookie问题
zhengaog的博客
04-09 2万+
问题描述： 192.168.40.26服务器上有一个项目，某个页面嵌入了第三方系统平台， 第三方系统平台服务器地址是：192.168.40.67 页面嵌入成功，只能访问到登录页，登陆成功但是页面不进行跳转。 如果单独登录第三方平台，如下图： 嵌入第三方后页面 ，如下图： 提示正常登陆成功，却没有跳转页面。页面晃动一下，但还是停留在登陆页面上。 判断是因为跨域问题，嵌入页面时使用192.168.40.26IP地址访问第三方192.168.40.67登录接口时登陆成功，但是前端页面也在这个192.168.
解决iframe嵌套第三方网址不能访问
Davi的博客
05-11 3万+
X-Frame-Options 是一个 HTTP 响应头部，用于防止网站被嵌入到其他网站的 iframe 中。该协议定义了一些选项，使网站可以控制在哪些网站中可以嵌入自己的内容，从而防止网站被点击劫持攻击。如果网站设置了 X-Frame-Options 响应头部，浏览器会根据该选项来决定是否允许在 iframe 中显示该网站的内容。并隐藏来自该网站的两个响应头：“Content-Security-Policy” 和 “X-Frame-Options”。2.SAMEORIGIN：只允许同源网站嵌入。
iframe嵌入第三方链接页面不展示、cookie丢失等问题总结
热门推荐
dong__xue的博客
08-23 4万+
需求是这样的：有一个第三方开发的系统的页面需要嵌入到我们的项目中，对方提供了一个地址：http://ip:port/path?name=xxx&pw=xxx。 当我们想使用iframe来展示这个地址的时候，出现以下现象和错误： 并且控制台报错： Refused to frame 'http://10.65.78.23:30002/' because an ancestor violates the following Content Security Policy directive: "
解决登录失效时,跳转登录页面的iframe嵌套问题
追风少年的博客
06-02 7195
解决登录页面嵌套问题
iframe中登录失效后,无法完全跳到登录页面
seriousboy的博客
11-13 2460
解决iframe中登录失效后,无法完全调到登录页面的问题 //避免登录失效后，登录页嵌套到ifream中 window.onload = function() { if (top.location.href != location.href){ top.location.href = &quot;${basePath}/login&quot; } } ...
iframe嵌套iframe导致无法登陆的问题
weixin_42752532的博客
10-13 1764
使用a标签转跳 <html> <head> <title>测试iframe嵌套交通学校班牌管理系统</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="测试iframe嵌套交通学校班牌管理系统" />.
关于使用iframe登录超时，登录页内嵌在原页面
qq_35471000的博客
11-07 1231
iframe登录超时
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值