如何将 walmart 或 voila 等网站嵌入到 Iframe 中？答案

【问题标题】：How Can I embed sites like walmart or voila into an Iframe?如何将 walmart 或 voila 等网站嵌入到 Iframe 中？
【发布时间】：2023-02-04 14:46:50
【问题描述】：

我有一个用例，我必须在我们网站的 IFrame 中嵌入像 walmart.ca 或 voila.ca 这样的网站，以通过搜索显示产品，并让客户能够将产品添加到沃尔玛或 voila 内的购物车我们的 iframe 。我尝试了他们的搜索网址，但是他们不允许嵌入我们的 Iframe，因为他们的 X-Frame-options 设置为 sameorigin 。那么，如果没有任何付费 API 或与相应网站的付费集成，我该如何实现呢？

我已经在我们基于反应的网站中尝试了 iframe 中的那些 url，但它根本不起作用。我还尝试在 useEffect 中调用 API 并通过 srcDoc 属性将数据传递给 iframe，但它甚至无法正常工作。根据我的理解，它的发生是因为他们的 X-Frame-Options 设置为相同的来源。所以你能帮我解决这个问题吗

【问题讨论】：

标签： html reactjs iframe walmart-api

【解决方案1】：

不便之处敬请原谅请联系他们的相关渠道以解决此问题。如果您打算使用托管在 walmart.io/products 上的附属 API，您将需要在我们的开发人员门户网站上进行入职培训说明可以在https://walmart.io/docs/affiliate/quick-start-guide找到问候，菲尔多斯 IO支持

【讨论】：