Question

我正在使用 react-iframe 在React JS中实现React IFrame。

当我在本地服务器上运行它时，它会显示

拒绝在框架中显示“ https://www.facebook.com/”，因为它将“ X-Frame-Options”设置为“ deny”。

下面是我写的代码。

import React from "react";

import Iframe from 'react-iframe'

export default function IFrameComponent() {

    return(
        <Iframe url="https://www.facebook.com/"
        width="450px"
        height="450px"
        id="myId"
        className="myClassname"
        display="initial"
        position="relative"/>
    )

}

任何帮助都很好。

谢谢。

Answer 1

我在这里看到了一个可以帮助您https://codepen.io/ADyson82/pen/qBaWxVo

的答案简而言之：这不是程序包的问题，因为您要在框架中显示的网页的所有者已配置其设置，专门用于禁止在iframe中使用。不幸的是，未经网站所有者的许可，您将无法拉入该URL。

无法使用react-iframe加载iframe

1 个答案: