Mixed Content ”The page at 'xxxdomain' was loaded over HTTPS, but requested an insecure script 'xxx'.This request has been blocked.the content must be served over HTTPS“ 的解决办法

本来是给博客加了个JQuery+Html5实现的3D雪花飞舞特效。。因为gif的雪花太辣鸡了。。想着过年装修一下的。。

这是教程原文 -> JQuery+Html5实现超真实3D雪花飞舞特效

然后本地预览啥的都没问题,效果贼满意

但是上传后啥特效都没有。。跑去控制台一看。。果然出问题了

Mixed Content: The page at 'xxx_domain' was loaded over HTTPS, but requested an insecure script 'http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.

翻译一下就是,这个页面是通过https加载的,但是请求了一个不安全的脚本jquery,所以这个请求被阻止了,内容必须通过https提供

下图是原先的代码:

顺便这段要放在<body>里的最后,但又要在<footer>前面。。不知道为啥。。原作者是说“将如下代码放入后即可,推荐放在底部,不影响别的内容加载”,然后我试了几次得到了这个结果,别的位置都显示不了。。

上文说到http请求jquery库不安全,所以在代码中直接改成https,可以访问

1
2
3
4
-
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>
+
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>

这种方法。。简单粗暴有效(我最终使用的就是这种简单粗暴有效的方法∠( ᐛ 」∠)_)

还有一种方法是在页面的<head>中加上一句话,可以自动把不安全的http请求转化为https请求

1
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">

其他还有CSP设置upgrade-insecure-requests的方法,不是很懂。。具体见这篇博客 -> https://www.cnblogs.com/hustskyking/p/upgrade-insecure-requests.html

然后上传一下就成功下雪啦(((o(*゚▽゚*)o)))

打赏
  • 版权声明: 本博客所有文章除特别声明外,著作权归作者所有。转载请注明出处!
  • Copyrights © 2018-2020 LeFlacon

奶茶一杯 快乐起飞

支付宝
微信