解决在浏览器中https请求http资源而报警

错误信息：

Mixed Content: The page at 'https://wshop.xxx.com/wxshop/' was loaded over HTTPS,

but requested an insecure image 'http://wshop.xxx.com/wxshop//image/A3.jpg'.

This content should also be served over HTTPS.

报错原因：

HTTPS 是 HTTP over Secure Socket Layer，以安全为目标的 HTTP 通道，所以在 HTTPS 承载的页面上不允许出现 http 请求，一旦出现就是提示或报错

解决办法： CSP设置upgrade-insecure-requests

方法1：

好在 W3C 工作组考虑到了我们升级 HTTPS 的艰难，在 2015 年 4 月份就出了一个 Upgrade Insecure Requests 的草案，他的作用就是让浏览器自动升级请求。

在我们服务器的响应头中加入：（当然我操作不了服务器，下面还会介绍另一种解决办法）

 header("Content-Security-Policy: upgrade-insecure-requests");

方法2：

在页面中加入 meta 头：（我使用这个方法）

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

(如果页面比较多，需要统一改变的话，我们可以将这条语句添加到全局JS文件里，全局调用)

方法3：

删除链接中的“https：”

这样的话系统就会自动的动态配置http 和 https。

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/s_monster_/article/details/88656073
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2021-05-16 12:33:43
阅读 ( 1186 )
分类：

解决在浏览器中https请求http资源而报警

你可能感兴趣的文章

精选的优质文章

0 条评论

官方社群

GO教程

推荐文章

猜你喜欢

随便看看