https 页面中引入 http 资源的报错

今天在做echart地图页面的时候,碰到一个小问题,页面报错如下:

原因是我在github-page的页面上,请求了一个http协议的jq库,但是我的github是基于https协议的,但script标签是不受同源政策的限制的,这显然只是个提醒,如何解决这个问题呢?

相对协议

什么是相对协议呢?

简而言之,就是将URL的协议(http、https)去掉,只保留//及后面的内容。这样,在使用https的网站中,浏览器会通过https请求URL,否则就通过http发送请求。

<img src="//domain.com/img/logo.png">

同样的,css资源也可以这样使用

.logo { background: url(//www.ludou.org/logo.png); }

 

<img src="//domain.com/img/logo.png">
原文地址:https://www.cnblogs.com/coderzzp/p/6542262.html