如何解决 https协议页面下引用 http协议的css资源

Question

如何解决 https协议页面下引用 http协议的css资源? 直接引用会爆 This request has been blocked; the content must be served over HTTPS.

---

感谢两位回答,我现在的问题是 我要使用 googleapi,但是国内的免费cdn都是 http的

Answer 1

如果你css资源不支持https的话，没有办法，只要网站使用了https协议，里面的图片，css等必须要https，这是规定
这么说嘛：
如果你网站的域名是https的，你该域名下的资源，图片都必须是https的，否则就不行
如果你网站域名是http的，你域名下的图片，css没有影响，既可以是http，也可以是https，即使你调用别人的接口是https也不受影响.
还有种情况就是，你googleapiAPI页面是https，但是需要调用你自己的http接口，办法是在https页面通过post的方式向http页面提交表单，就是在页面加一个隐藏的form，然后自动触发提交表单。可以在新窗口提交，或者从当前页面提交，然后在通过服务器端跳转回来。间接实现了在https页面调用http接口的需求

Answer 2

<link rel="stylesheet" href="//url/xxx.css" type="text/css">
<script type="text/javascript" src="//url/xxx.js"></script>
可以使用这种方式加载，浏览器会自动转成页面使用的协议类型进行加载