网站HTTP和HTTPS内容混合(Mix Content)后不显示绿锁解决办法

 博客大管家   2019-06-17 13:15   2769 人阅读  0 条评论

按F12打开开发人员工具在console下显示如下报错

blob.png

其实这个是由于网站混合内容(Mix Content)造成的,其实混合内容就是一个页面中的内容既存在http内容又存在https内容,而浏览器则判断页面并不是全部的元素都通过https传输,因此并不是完全安全,也就自然没有那个安全的绿色小锁了。解决这个问题其实很简单,只需要在网页的head标签加上以下代码就可以了:

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

让我们来看看加上的效果

blob.png

blob.png

TIM图片20180613083753.gif

本文地址:https://www.tshock.cc/post/5.html
版权声明:本文为原创文章,版权归 博客大管家 所有,欢迎分享本文,转载请保留出处!
nxzcss.gif

 发表评论


表情

还没有留言,还不快点抢沙发?