浏览器上网站小绿锁不见了怎么解决?

都0202年了,一个网站部署一个SSL证书和支持HTTPS已经是常态。

很多站长在部署完HTTPS后,却发现小绿锁还是不显示,

图片[1]-浏览器上网站小绿锁不见了怎么解决?-落叶博客

其解决方法也很简单,如果你的站点是ZBLOG或者WordPress这种开源程序,首先要确定你的后台图片资源(LOGO横幅什么的)是不是已经更换为https协议头

这里拿ZBLOG举例,进入后台找到LOGO和其他图片资源设置的地方(WordPress和其他开源程序操作都大同小异)

图片[2]-浏览器上网站小绿锁不见了怎么解决?-落叶博客

将这些http协议头的全部换成https,前提目标网站支持http

图片[3]-浏览器上网站小绿锁不见了怎么解决?-落叶博客

如果网站LOGO啥的是本地储存(即只能上传文件不能写外链),请在按如下方法操作。(如果支持外链请忽略以下红色字体的步骤)

Apache解决办法

打开网站根目录 .htaccess文件(如果不存在则新建),写入以下内容BASIC

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R,L]

Nginx解决办法

创建伪静态规则写入以下代码
BASIC

server {
listen       80;
server_name  你的域名;
rewrite ^ https://$http_host$request_uri? permanent;
}
server {
listen 443;
ssl on;
ssl_certificate /etc/ssl/cacert.pem;
ssl_certificate_key /etc/ssl/privkey.pem;
server_name www.talklee.com;  
server_tokens off;
location / {
fastcgi_param   HTTPS               on;
fastcgi_param   HTTP_SCHEME         https;
}
}

然后回到首页刷新,看看是不是出现了小绿锁?

如果还是没有,请看下面的教程

来到没有小绿锁的页面,右键选择查看网站源代码,按下Ctrl+f,输入:http://

图片[4]-浏览器上网站小绿锁不见了怎么解决?-落叶博客

点击查找,然后就能看到所有http的资源,进入后台把他们改掉就ok了

回到前台,刷新一下,赏心悦目的小绿锁又出来了

图片[5]-浏览器上网站小绿锁不见了怎么解决?-落叶博客
© 版权声明
THE END
喜欢就支持一下吧
点赞8 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容