Mixed Content: The page at ‘‘ was loaded over HTTPS, but requested an insecure resource ‘‘. This request has been blocked; the content must be served over HTTPS.

问题背景

由于本站完成了SSL认证，全站开启HTTPS加密协议安全访问，但是在之前的烟花页面上使用的音频连接地址是写死的http:// 地址，于是在使用https:// 请求访问就报了如下错误：

Mixed Content: The page at '' was loaded over HTTPS, but requested an insecure resource ''. This request has been blocked; the content must be served over HTTPS.

大概意思就是说：位于“”的页面<URL>是通过 HTTPS 加载的，但请求了不安全的资源“<URL>”。此请求已被阻止;内容必须通过 HTTPS 提供。也就是HTTPS页面里动态的引入了HTTP资源。

问题解决

方案一

我们可以去手动的修改网页源代码，将其请求路径修改为使用https 协议的即可。

方案二

页面的head中加入：

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

意思是自动将http的不安全请求升级为https

微信关注

                      编程那点事儿