https加载http资源问题

https加载http资源问题

 

这周我在haxibiao.com视频那里加了一个评分,在本地测试都正常后在提交后网上的控件显示失效。

因为在https地址中,如果加载了http资源,浏览器将认为这是不安全的资源,将会默认阻止,这就会带来资源不全的问题了,比如:图片显示不了,样式加载不了,JS加载不了。

 

1. 可用的方法,用同一套代码,在后台请求标识好协议,将该变量传到html页面中,进行协议替换,如:后台变量,$protocol = 'https://';  
前台接收变量 src='{$protocol}res.aa.com/jquery.js'
2. h5方法,使用js自己加载协议情况,如在body onload='aa()', aa() 方法中,将资源按照需求加载进来即可。
3. 推荐方法,不指定具体协议,使用资源协议自适配,比如,当前为https页面,那么就是https资源,如果是http页面,那么就是http资源。具体方法超简单:<script src='//www.aa.com/jquery.js'></script>

4.直接下载资源到本地。

因为在家还没办法试,上班去试。

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容