https网页加载http图片资源,需要刷新一下才能正确显示

    随着安全意识的提高,在可见的将来,将会越来越来的网站使用https协议,然而对于以前的http网站,又必须得兼容这些网站的资源,因为你不可能对别人的网站或者自己的网站直接升级到https,应该在很长一段时间内,https与http将共存.

    在一个https的网站中,如果加载了http图片资源,浏览器将认为这是不安全的图片资源,将会默认阻止,导致图片是不加载的,同样的css资源、js资源也是一样不加载的。

    解决办法:

    1. 最笨的方法,直接复制原有代码,写成两套代码,一套为http使用,一套为https使用,http和https各自指向各自服务。
    1. 可用的方法,用同一套代码,在后台请求标识好协议,将该变量传到html页面中,进行协议替换,如:后台变量,protocol = 'https://'; 前台接收变量 src='{protocol}res.aa.com/jquery.js'。
    1. h5方法,使用js自己加载协议情况,如在body onload='aa()', 在aa() 方法中,将资源按照需求加载进来即可。
    1. 推荐方法,不指定具体协议,使用资源协议自适配,比如,当前为https页面,那么就是https资源,如果是http页面,那么就是http资源。具体方法超简单:<script src='//www.aa.com/jquery.js'></script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,803评论 1 32
  • 今天 Google 正式发布了 Android 9 Pie,所以也着手把应用的 Target Version 升级...
    石先阅读 18,871评论 3 42
  • 缓缓孤松屹崖上,漫漫长路谁与共?在这人世间,有许多路是需要一个人去跋涉的,也有很多路是需要一个人陪伴的。而我就像山...
    泠泠七七七阅读 2,713评论 0 0
  • 这一期的跑男,关于跑男团集体演唱《黄河大合唱》的这一段,我看了5遍。 在跑男第一季的时候,通过同学的推荐,我开始接...
    笨企鹅1990阅读 4,430评论 0 7