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项目主域跟网站主域一致

扫描二维码关注公众号,回复: 8633421 查看本文章
发布了452 篇原创文章 · 获赞 83 · 访问量 27万+

猜你喜欢

转载自blog.csdn.net/caseywei/article/details/103536417