CDNJS脚本加载失败：如何解决localhost域名自动追加问题

嘿，我来帮你搞定这个头疼的问题！浏览器把你的CDN脚本请求自动转到localhost:8080下，本质是它把你写的CDN URL当成了相对路径来解析，或者有其他配置干扰了URL的正常解析。下面给你一步步排查和解决的方法：

1. 确保脚本URL是完整的绝对路径 #

首先，一定要确认你的脚本标签里的src是完整带协议的绝对URL，也就是必须以https://（或http://，推荐用https）开头。你写的这个路径是对的：

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

但要检查有没有拼写错误——比如浏览器请求的是1.4.0版本，而你写的是1.4.3，这可能是缓存了旧的HTML文件，试试强制刷新页面（Ctrl+F5）加载最新代码。

2. 检查页面中的<base>标签 #

如果你的HTML头部有<base>标签，它会影响所有相对路径的解析。比如如果有这样的标签：

<base href="http://localhost:8080/">

哪怕你写的是看似绝对的URL（比如省略协议的//cdnjs.cloudflare.com/...），都会被基于这个base来拼接。解决方法：

• 要么移除这个<base>标签（如果不需要的话）
• 要么确保你的CDN URL是完整带https://的，完整的绝对URL不会受<base>标签的影响

3. 排查本地开发服务器的配置 #

很多本地开发工具（比如Webpack Dev Server、Nginx、Apache等）会配置路径代理或重写规则。如果你的服务器里有类似把/cdnjs.cloudflare.com/开头的路径代理到本地的规则，就会导致请求被拦截到localhost下。

• 打开你的服务器配置文件（比如webpack的webpack.config.js，Nginx的nginx.conf）
• 查找是否有针对cdnjs.cloudflare.com的代理/重写规则，移除它即可

4. 别用相对路径尝试CDN资源 #

你之前试的../cdnjs.cloudflare.com/...这种相对路径肯定行不通，因为相对路径是基于当前页面的URL来解析的，只会在localhost:8080域名下查找资源，自然会404。

按照上面的步骤排查，应该就能解决问题啦！

内容的提问来源于stack exchange，提问作者Ramlal S