Javascript 为 src 属性设置动态值获取错误跨源读取阻止 (CORB) 阻止跨源响应

Question

我想将动态值传递给 javascript 的 src 属性，我尝试了几个选项但没有成功。我使用的是纯 javascript，而不是 jquery。

这些是我尝试过的方法； 1.

<script>
        var script = document.createElement('script');
        script.src ="some url here";
        script.type="text/javascript";
        document.head.appendChild(script); 
   </script>

错误信息：跨源读取阻止 (CORB) 阻止了跨源响应 https://same url/ with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 以获取更多详细信息。

选项 2：

<script>
var fileName = "<%=request.getAttribute("someurl here")%>";
document.write("<script type=\"text/javascript\" src=\"" + fileName + "\"><\/script>");
</script>

错误信息：阻止解析器的跨站点（即不同的 eTLD+1）脚本，https://same url/, is invoked via document.write. The network request for this script MAY be blocked by the browser in this or a future page load due to poor network connectivity. If blocked in this page load, it will be confirmed in a subsequent console message. See https://www.chromestatus.com/feature/5718547946799104 了解更多详情。

Answer 1

服务器说 URL 指向一个 HTML 文档。

由于您试图以 JavaScript 的身份执行它，浏览器 objects 并抛出一条错误消息。

所以要么：

它确实是 HTML 文档，您可能有错误的 URL 或
服务器错误，您需要修复它才能设置正确的 Content-Type 响应 header (application/javascript)。

Javascript 为 src 属性设置动态值获取错误跨源读取阻止 (CORB) 阻止跨源响应

Javascript setting dynamic values for src attribute getting error Cross-Origin Read Blocking (CORB) blocked cross-origin response

javascript

dynamic

src