iframe 或嵌入网站有什么替代方案吗?

问题描述 投票:0回答:1

我希望你一切都好。我已经为我的应用程序开发一个功能几个星期了,但我不知道如何解决这个问题。

我想做的是:将任何网站插入我的应用程序。我尝试过使用 iframe、嵌入和对象,但不幸的是,尚未成功。

主要问题是:如果我想在 iframe 中加载的 URL 响应这些标头:“x-frame-options”、“content-security-policy”,通常,我无法加载内容,并且浏览器在 iframe 中阻止它。

我还尝试通过代理加载它并删除这些标头。它可以在某些网站上运行,但并不是 100% 可靠的解决方案。

有什么方法或服务能够实现我所需要的吗?

html reactjs iframe next.js13
1个回答
0
投票

一种解决方法是使用后端服务器来获取您要嵌入的网站的 html,然后将该 html 托管在您自己的服务器上。您还需要扫描 html 中的其他链接,并且可能需要获取脚本和样式并自己托管它们,并替换原始网站中的链接以指向您的服务器。

由于 CORS,您也无法真正从浏览器执行正常的获取请求。这就是为什么使用后端来获取 HTML 会更容易,就像浏览器访问该网站一样,然后服务器将 HTML 发送到浏览器中的客户端以使您的网站显示它。

© www.soinside.com 2019 - 2024. All rights reserved.