Javascript 将外部站点嵌入页面并与内容交互

我尝试在页面上加载外部网站并与内容交互，例如添加事件侦听器（用于加载的外部网站的内容）。这在iframe上不起作用，因为我无法与内容进行交互，我尝试使用react进行此操作，当我想向iframe添加事件侦听器时，我得到以下js错误

Uncaught DomeException:阻止了具有原点的帧”http://localhost:3000“从访问交叉原点帧。

我认为这是不可能的，但后来我从一个工具上看到了这个视频，它似乎可以做到这一点：

有没有人对这件事有什么想法

---

谢谢

从外观上看，您没有跨源请求（COR）设置。对于ASP.NET，请检查以下内容：

具体来说，您需要修改Startup.cs文件以启用CORS

---

如果您没有使用ASP.NET，那么我建议您使用Google CORS搜索您正在使用的任何web后端。

演示显示-我相信他们通过服务器代理远程网站，以绕过CORS和其他跨站点脚本预防措施，但是如果我错了，请纠正我。那么你的意思是他们可能是从服务器渲染网站？OP希望使用iFrame和客户端脚本将第三方网站加载到他们自己的网站中。OP自己的服务器端代码无关紧要，因为浏览器不是向OP的站点发出CORS请求，而是向第三方站点发出CORS请求。我认为这不是我想要的