html中引用的cdn css在firefox出现cors错误的解决方法

最近自己做了一个网站，使用了cdn加速bootstrap和jquery的加载。这里先解释一下什么是cdn。

cdn

cdn全称是Content Delivery Network，主要用于加速静态资源，如网站上面上传图片、媒体、以及引入的一些js和css等文件。

它的加速依靠各个网络节点，例如100台CDN服务器分布在全国，从上海访问，会从最近的节点返回资源，这是核心。

问题

在html中我通过cdn引入了jquery

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>

在chrome等浏览器上都可以正常使用，但到了fireforx中却出现问题：

同源策略禁止读取位于 https://cdn.bootcss.com...的远程资源。（原因：CORS 请求未能成功）。

最开始的解决方法：

把这个js和css放在自己服务器的同域名下，改成使用自己的css和js。

后来的解决方法：

去年https:，直接改成

//cdn.bootcss.com/jquery/3.3.1/jquery.min.js

这样做之后获取资源会根据你访问的URL的协议改变而改变，也就是说如果你用http://xxx.com访问的话，则是

http://cdn.bootcss.com.，如果使用https://xxx.com访问的话此时就是https://cdn.bootcss.com

 

最后欢迎大家访问我的个人网站：1024s​​​​​​​