iframe 未使用 react-iframe 加载答案

【问题标题】：Iframe is not loading using react-iframeiframe 未使用 react-iframe 加载
【发布时间】：2020-03-23 15:53:52
【问题描述】：

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

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

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

下面是我写的代码。

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"/>
    )

}

任何帮助都会很棒。

谢谢。

【问题讨论】：

标签： javascript reactjs iframe

【解决方案1】：

我在这里看到了一个可以帮助你的答案How to set 'X-Frame-Options' on iframe?

简而言之：这不是包的问题，这是因为您尝试在框架中显示的网页的所有者已专门配置其设置以禁止在 iframe 中使用。很遗憾，未经网站所有者许可，您将无法提取该 URL。

【讨论】：