我有一个React应用(与webpack一起运行),其中包含一个我想从脚本标签进行外部访问的文件。
我已将脚本标签插入外部站点;它有一个src,指向我要在iFrame上绑定一些内容的JS文件。我要插入脚本标签,因为这就是shopify的工作方式。
插入外部站点的我的脚本标签如下所示(引用我的JS文件:
<script type="text/javascript" async=""
src="https://57584930.ngrok.io/Scripts/javascript.js?
shop=daleandkiko.myshopify.com"></script>
希望这将指向我的js文件,该文件仅出于测试目的,我正在尝试对Google页面进行iframe:
function prepareFrame() {
var ifrm = document.createElement("iframe");
ifrm.setAttribute("src", "http://google.com/");
ifrm.style.width = "640px";
ifrm.style.height = "480px";
document.body.appendChild(ifrm);
}
文件结构是这样的:
客户 /脚本 / javascript.js
当我点击该端点时,无论如何,该端点都直接指向react应用 https://57584930.ngrok.io确实有URL,所以我在这里有点迷失了,我是否正确引用了文件?
在外部站点内,我收到此错误:
(索引):73跨域读取阻止(CORB)阻止了MIME类型为text / html的跨域响应https://57584930.ngrok.io/Scripts/javascript.js?shop=daleandkiko.myshopify.com。有关更多详细信息,请参见https://www.chromestatus.com/feature/5629709824032768。
这是工作方式还是因为它是一个create-react-app而与众不同?