浏览器调试报错Mixed Content解决方法

2019年5月13日  6:15 下午 - 评论 (0)Html Javascript

最近在做项目调试时遇到一个问题,Google Chrome浏览器报错blocked:mixed content,如图:

那么,这个问题是如何出现的呢?经过Google,发现原来是当前的“https://”页面中调用了外部的“http://”,如下图:


如何解决这个问题?

1、把代码中所有调用站外链接的方式更换为"https://"

2、在页面的<head>标签内添加入以下代码,意思是将http的不安全请求升级为https。

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

3、相对协议"//",前提是网站要同时支持http和https两种协议,调用时可以自动切换。如下

<script stype="text/javascript" src="//bd6mm.cn/js/jquery-2.1.1.min.js"></script>


标签:,

发表评论

电子邮件地址不会被公开。 必填项已用*标注