在Web开发中，iframe 标签被广泛用于在当前页面内嵌入另一个页面。然而，当尝试嵌入一个与当前页面不同源的页面时，浏览器的同源策略会阻止对iframe内容的访问，这就是所谓的跨域问题。幸运的是，有几种方法可以解决这个问题，实现安全的跨域通信。
同源策略与跨域问题
同源策略是浏览器安全的核心机制，它限制了来自不同源的文档或脚本之间的交互。这里的“源”指的是协议、域名和端口号的组合。如果iframe中的页面与父页面的源不一致，浏览器将不允许JavaScript访问iframe的内容，以防止潜在的安全风险。
解决跨域的方法
CORS（跨源资源共享）：CORS 是一种W3C标准，允许服务器通过设置特定的HTTP头部来允许某些跨源请求。例如，服务器可以设置 Access-Control-Allow-Origin 头部，指定哪些源可以访问资源。
window.postMessage：这是一种HTML5提供的跨源通信方式，允许不同源的页面通过发送和接收消息来安全地通信。使用 postMessage 时，可以通过 origin 属性验证消息的来源，确保消息的安全性。
服务器代理：通过在服务器端设置代理，将请求转发到目标域，然后由服务器将响应返回给请求源。这种方式需要服务器端的支持，并且可能会增加服务器的负载。
JSONP（带有填充的JSON）：JSONP 是一种允许网页进行跨域请求的技术，它通过动态创建
