尝试引用外部JS文件时出现跨原点错误

时间:2019-01-01 14:17:22

标签: javascript html reactjs create-react-app

我有一个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而与众不同?

0 个答案:

没有答案