Question

我想显示一个图表，该图表显示将在现代SharePoint网站中使用的SPFx Web部件中的油价。

我想使用从以下站点获取的代码：http://oil-price.net/dashboard.php。这是一个脚本标签，带有指向外部站点上的php文件的链接。当将该代码放在html页面上时，它将以油价呈现图表。

script type =“ text / javascript” src =“ https://www.oil-price.net/COMMODITIES/gen.php?lang=zh-CN”

我尝试使用React Script Editor Web部件（https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-script-editor），但它没有呈现任何内容。

我还试图在我的Webpart中包括这样的脚本标签：

    const script = document.createElement("script");
    script.src = "https://www.oil-price.net/COMMODITIES/gen.php?lang=en";
    script.async = true;    
    document.body.appendChild(script);    
  }

这给了我以下错误：

通过CORS策略阻止从原点“ https://www.oil-price.net/widgets/brent_crude_price_large/gen.php?lang=en”到“ https://localhost:4321”的访存：所请求的资源上没有“ Access-Control-Allow-Origin”标头。如果不透明的响应满足您的需求，请将请求的模式设置为“ no-cors”以在禁用CORS的情况下获取资源。

如何在Webpart中显示图表？看来这很容易实现，但我显然缺少了一些东西。

如何在SharePoint SPFx Webpart中添加到外部php脚本的链接？

0 个答案: