vue.js - iframe嵌套问题，通讯失效？

Question

一个网页使用iframe引入一个地址，两者之间有postmessage通讯，再把这个网页使用iframe引入到另一个网页。第一个引入的地址之间的相互通讯就没有生效。

这种这么解决呢，不再次嵌套iframe是生效的

Answer 1

这个问题涉及到跨域通信和iframe嵌套的问题。当一个网页使用iframe引入另一个地址，并且两者之间有postMessage进行通信时，如果在嵌套的iframe内部再次嵌套另一个iframe，那么外部的iframe和内部的iframe之间的通信可能会失效。

要解决这个问题，有几种可能的解决方案：

1. 避免嵌套iframe：最简单的解决方案是不使用嵌套的iframe。如果你可以控制所有的页面和代码，确保不要在iframe内部再次嵌套另一个iframe。
2. 使用其他跨域通信方式：如果必须使用嵌套的iframe，并且需要通信，可以考虑使用其他跨域通信方式，例如window.name、window.postMessage、WebSocket等。这些方法可以在不同iframe之间进行通信，不受嵌套限制的影响。
3. 设置iframe的src属性：在某些情况下，将iframe的src属性设置为空或特定值可能有助于解决问题。这可以触发浏览器重新加载iframe，并重新建立通信通道。
4. 使用第三方库或框架：有一些第三方库或框架可以帮助处理跨域通信和iframe嵌套的问题。例如，jQuery提供了一个名为jQuery.proxyWindow()的方法，可以用于处理跨域通信和窗口代理。

请注意，具体的解决方案取决于你的代码和需求。如果你可以提供更多关于你的代码和环境的详细信息，我可以提供更具体的帮助和建议。