iframe 内嵌报跨域SecurityError: Blocked a frame with origin “http://x“from accessing a cross-origin frame

最新推荐文章于 2024-08-02 11:11:01 发布
最新推荐文章于 2024-08-02 11:11:01 发布
阅读量2.1w 收藏 10
点赞数 2
文章标签： vue js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/userDengDeng/article/details/114583151
版权
在Vue项目中，当iframe内嵌页面时遇到跨域SecurityError，可以通过设置`document.domain`来规避同源政策，允许不同二级域名的页面间通信。在父窗口和子窗口的mounted生命周期中分别设置document.domain，使子窗口能够调用父窗口的方法，例如调整iframe高度。同时，利用`postMessage`和`message`事件进行父子窗口间的通信。在本地调试环境，需要服务器配合设置`X-Frame-Options`头来允许页面在iframe中加载。
摘要由CSDN通过智能技术生成

Vue 项目中 嵌入 iframe

<iframe id="iframe" width="100%" height="100%" frameborder="0" :src="embedSrc"></iframe>

报跨域错误

 Error in nextTick: "Secur
最低0.47元/天 解锁文章
userDengDeng
关注
SecurityError：阻止了具有原点的框架访问跨域框架
w36680130的博客
05-02 4057
I am loading an <iframe> in my HTML page and trying to access the elements within it using Ja
父与子页面通信【解决Blocked a frame with origin“XXX”from accessing a cross-origin frame】
sogi1212的博客
05-12 673
子页面对象.contentwindow.postMessage() 如: _this.refs.cuotiIframe.contentWindow.postMessage()window.parent.postmessage()【只有一个父】 此时的window 代表 子页面自己，window.parent 就是父对象， 若有多个父，可通过 window.parent.parent 的方式找到实际想要发送的父页面 总结通信 ：想要发送给谁，就要找到对象的窗口信息 父-子页面通信 - GitMind ...
解决跨域Uncaught DOMException: Blocked a frame with origin ** from accessing a cross-origin frame问题
gusijin的博客
11-26 2万+
问题 iframe窗口修改元素，提示Uncaught DOMException: Blocked a frame with origin ** from accessing a cross-origin frame，无法修改 解决办法： 使用 postMessage() 方法用于安全地实现跨源通信 window.postMessage(message,targetOrigin) 方法是html5新引进的特性，可以使用它来向其它的window对象发送消息，无论这个window对象是属于同源或不同源，目前IE
iframe嵌入跨域错误
最新发布
m0_70903072的博客
08-02 383
Blocked a frame with origin 正常情况下，如果iframe嵌入的页面跟外部页面没有交互情况下 不会存在跨域问题，但是这次嵌入的页面调用了一个外部js，里面写了一个方法 window.top.xx。当我们使用 window.parent 或 window.top 来获取父页面的 window 对象，如果两个的域名不一样，所以会出现跨域问题。## 子页面传父页面。## 父页面传子页面。
Blocked a frame with origin "xxx" from accessing a cross-origin frame.
qq_37556534的博客
04-25 7134
**Blocked a frame with origin "xxx" from accessing a cross-origin frame.**最近做一个统计问题，要在A服务器向B服务器的发起请求，获取数据显示，刚开始的时候方法和jsp页面都是写在B服务器上的，直接从A服务器发请求，弹出页面就可以了，，但是后来要求做到iframe里面，再向之前那么整就直接出现了跨域的问题，网上查了些资料，现在...
iframe框架自适应高度 uncanght SecurityError: Blocked a frame with origin "null" from accessing a frame .......
weixin_33909059的博客
04-28 248
来源于crm项目的contact/edit.html 一、背景是这样的 最近在做crm系统的前端页面，有一个页面呢，点击“查看全部信息”时会弹出，这个弹窗里面又有分页导航，分页不是使用ajax 异步刷新请求写的，而是通过刷新页面。由于整站的分页都是使用这个方法，所以不可能让后端同事用ajax重写一个分页，所以呢，就想到使用iframe框架，把这个弹窗写在html文件，放在iframe中完成。一...
iframe跨端口报错 Blocked a frame with origin from accessing a cross-origin frame
weixin_34148508的博客
04-11 3381
前言在不同的端口号，甚至是不同的ip进行iframe嵌套的时候，在父页面调用子页面的方法的时候，报错 SecurityError: Blocked a frame with origin from accessing a cross-origin frame… 问题原因在不同端口号下，不能使用传统的iframe嵌套调用方法。 document.getElem...
Blocked a frame with origin “XXX“ from accessing a cross-origin frame.
weixin_42097259的博客
06-24 572
父子通讯采用 addEventListener 与 postMessage。由于无法获取父页面属性，所有只能指明源地址为*这个是因为违反csp规定，具体介绍查看。
Uncaught DOMException: Blocked a frame with origin “你的url“ from accessing a cross-origin frame.
橙-极纪元-cplvfx-JJY.Cheng
06-06 3306
Uncaught DOMException: Blocked a frame with origin "你的url" from accessing a cross-origin frame.父页面和子页面不是同一个域名,所以才会报这个错误；我的业务逻辑是“子页面”需要向“父页面”传递数据；
Cypress：报错SecurityError: Blocked a frame with origin "xxx" from accessing a cross-origin frame解决方案
简单随风的博客
08-28 1万+
报错是因为跨域问题，官网上给出了解决方案 https://docs.cypress.io/guides/guides/web-security.html#Disabling-Web-Security 最简单的办法： 在cypress.json中将chromeWebSecurity设置为false，即可解决报错! ...
IOS端报错：SecurityError: Blocked a frame with origin “null“ from accessing a cross-origin frame. Protoc
weixin_42050406的博客
03-21 274
SecurityError: Blocked a frame with origin "null" from accessing a cross-origin frame. Protocols, domains, and ports must match.
Uncaught SecurityError: Blocked a frame with origin "null" from accessing a frame with origin "null"
热门推荐
xqhys的博客
03-30 2万+
跨页面操作涉及域的概念（origin）。 错误的意思是： 未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面。 也许你是在本地直接用浏览器打开的、地址栏是file:///的页面吧。 可以试着在本地架设服务器来调试，建议工具：nginx。 错误的意思是： 未捕获的安全错误：阻止了一个域为null的frame页面访问另一个域为null的页面。 也许你是在本地直...
简单解决 Blocked a frame with origin XXX from accessing a cross-origin 。iframe跨域问题
m0_67391870的博客
03-10 1万+
大多数是因为使用 window.parent 或 top.xxxx 在子页面，想使用父页面的参数，但是原因两个的域名不一样，所以会出现跨域问题 解决方法：在子页面 window.postMessage("message", '*');//后面的*号就是处理跨域问题的 然后在父页面 window.addEventListener('message', function (msg) { console.log(msg.data); }) 设置监听的方法就可以了 ...
JS Uncaught DOMException: Blocked a frame with origin “XXX“ from accessing a cross-origin frame问题解决
旭东怪的博客
12-18 1万+
问题描述： UncaughtDOMException:Blockedaframewithorigin"http://localhost:46819"fromaccessingacross-originframe. 问题分析： 1、由于页面中子iframe嵌套了其他网站的页面，导致了跨域问题，无法获取子iframe的元素和方法。 ...
静态页面中报 Blocked a frame with origin "null" from accessing a cross-origin frame.原因
qq_35500778的博客
03-25 4528
1.报错的内容是： 2.从编辑器中打开没有问题，但是直接在文件中打开网页，在点击一些事件时，就会出现这种问题，其实这不是跨域问题，因为都没有放到服务器上，这只是因为静态页面直接打开会存在一些问题，若是用编辑器打开页面，就不会有这个问题了。 ...
Uncaught DOMException: Blocked a frame with origin "http://localhost" from accessing a cross-origin frame
06-13
这个错误是由于浏览器的同源策略（Same Origin Policy）导致的。同源策略是浏览器的一种安全机制，用于防止跨域攻击。 该错误通常发生在您的网页中嵌入了一个来自不同域名的框架，并且您的 JavaScript 试图访问该...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值