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

Question

我正在尝试在页面上加载外部网站并与内容交互，例如添加事件侦听器（用于加载的外部网站的内容）。这不适用于 iframe，因为我无法与内容交互，我尝试使用 react 来实现，当我想向 iframe 添加事件侦听器时，我收到以下 js 错误Uncaught DOMException: Blocked a frame with origin "http://localhost:3000" from accessing a cross-origin frame. 我认为这是不可能的，但后来我从一个似乎可以做到这一点的工具中看到了这个视频：https://youtu.be/qinZviJajcw?t=21

有人知道这是否可以实现吗？

谢谢！

Answer 1

从表面上看，您没有设置跨域请求 (CORS)。对于 ASP.NET，请检查以下内容：

https://docs.microsoft.com/en-us/aspnet/core/security/cors?view=aspnetcore-2.1#setting-up-cors

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

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