iframe框架内嵌vue项目：Blocked a frame with origin http://xxxx from accessing a cross-origin iframe.解决办法

场景：

网站iframe内嵌vue项目

原因：

iframe框架跟内嵌网页跨域

例如

网站域名：http://test.com iframe内嵌域名http://casey.test2.com则会出现上边报错

解决方法

vue项目app.vue文件<script>下设置document.domain = 'test.com' // 设置vue项目主域跟网站主域一致

延伸：

如果网站域名多级例如http://aaa.test.com iframe内嵌域名http://casey.aaa.test2.com则会出现上边报

同理：vue项目app.vue文件<script>下设置document.domain = 'aaa.test.com' // 设置vue项目主域跟网站主域一致

iframe框架内嵌vue项目：Blocked a frame with origin http://xxxx from accessing a cross-origin iframe.解决办法相关推荐

七十一、Vue项目城市选择页搜索逻辑实现，边输入边搜索功能的解决办法：节流函数
2020/10/30. 周五.今天又是奋斗的一天. @Author:Runsen 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...
1.3（1）框架——内嵌框架
内嵌框架--位于body内 (1)作用:用于在网页中嵌入一个网页并让它在网页中显示. (2)标签: <iframe src="URL"></iframe> ...
python网易云热歌榜歌曲信息爬取（iframe框架内数据爬取，src为空）
为一线医护人员加油! 为武汉加油! 为中国加油! 为世界加油! 此爬虫是本人参考了了一位前辈的文章,并修改和优化了代码: 1.改为python3环境: 2.优化了抓取的歌曲时长中带一长串小数的问题: ...
Java中使用webview内嵌vue页面
技术服务于业务,在什么情况下我们需要使用webview去内嵌vue页面呢.众所周知webview作为一个组件,可以看成是一个微型浏览器内核.那么如果在我们的程序中集成webview,那么我们的程序是不 ...
vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法
vue中使用海康插件实现视频监控-流不稳定导致视频断开前端解决办法配置和启用海康插件详情看本人博客链接:https://blog.csdn.net/jinglianglove/article/de ...
springboot项目报错：ERROR 9112 --- [nio-8080-exec-1] o.a.c.c.C.[.[.[/].[dispatcherServlet] 的解决办法
启动springboot项目,访问页面后报错报错信息如下: [nio-8087-exec-1] o.a.c.c.C.[.[.[/].[dispatcherServlet] : Servlet.ser ...
app怎么嵌套vue页面_app内嵌vue单页面应用的一些坑
写这篇文章的原因是想总结一下自己最近开发的一个内嵌app的vue单页面项目,看看有哪些坑!!! 1.白屏项目第一次上线正常项目第二次上线,20多个用户反馈白屏(没见过这世面,心里慌的不行!!!), ...
【移动端vue ui框架学习】vue项目如何使用基于vue的UI框架mint ui
看了下饿了么团队开发的PC端vue ui框架Element ui之后,顺便看了看同团队开发的移动端的vue ui框架mint ui,那么在vue项目中应该如何使用mint ui呢?以下做简单的记录. ...
【PC端vue ui框架学习】vue项目如何使用基于vue的UI框架Element
看了下iView之后,顺便看了看同样基于vuejs的ui框架Element,那么在vue项目中应该如何使用Element呢?以下做简单的记录. 官网定义:Element,一套为开发者.设计师和产品经理 ...

iframe框架内嵌vue项目：Blocked a frame with origin http://xxxx from accessing a cross-origin iframe.解决办法

iframe框架内嵌vue项目：Blocked a frame with origin http://xxxx from accessing a cross-origin iframe.解决办法相关推荐

最新文章

热门文章