在浏览器上运行页面时，联机cdnjs脚本未附加（加载）

Question

在我的HTML页面中，我想加载以下CDNjs

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script>

但在浏览器中加载如下

获取http://localhost:8080/cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js 404（未找到）

现在，我的问题是如何消除附加域名（localhost：8080）以正确加载我的脚本。 我也试过它

<script src="../cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script>

或

<script src="../../cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script> 但结果是一样的。

谢谢。

Answer 1

您需要将FQDN用于CloudFlare。您当前正在进行相对路径查找。

你不应该忽略https：在这里，使用//并且浏览器将自动检测。即

<script src="//cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script>

Answer 2

检查以下行。

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js" async></script>

Answer 3

查看tether中的示例 我在这里找到了sample，如下所示，你可以修改为cdnjs链接。我建议以隐身模式打开。

有多种方法可以执行外部脚本：

• 如果存在异步：脚本与页面的其余部分异步执行（脚本将在页面继续解析时执行）

例如： -

npm i express

• 如果async不存在且存在延迟：脚本在页面解析完成后执行

示例： -

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js" async></script>

• 如果不存在异步或延迟：在浏览器继续解析页面之前立即获取并执行脚本

示例： -

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js" defer></script>

Answer 4

您应该使用以下方式来包含cdn文件。

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.3/js/tether.min.js"></script>