网站加密后,没有挂上小绿锁?

踩坑HTTPS。

写在前面

在给自己的网站加密后,网址从http变成https了,可是我却发现网站成了这样:

预期中的它应该是长这样子👇:

仔细检查了Nginx中的配置文档,没有发现问题,推测不是配置的问题,那么为什么会这样?

【BTW, 阿里云有免费的SSL证书,可以让网站从HTTP换成HTTPS,戳这里直达阿里云。】

请确保你的Nginx配置是正确的,下面的解决思路是以配置无误为前提的。

正文

google后找到了这篇文章:【Google,大神】

Why isn’t my Site’s padlock green or doesn’t have green address bar ?

按照文章的提示,解决了问题,以chrome为例,具体步骤如下:

打开网站,右击,选择检查(inspect),

然后选择security安全,可以看到这样的页面:

在mixed content中,提示让你重新加载页面,OK,我们reload一下。

这时,可以发现mixed content中出现这样的链接:

点击,查看:

OK,问题找到了,是图片链接用了http导致的。

原来因为网站用了七牛云存储,图片的链接为http,解决的办法是去七牛买个加速域名,换成https……

The End

每个人遇到的情况不一样,这里我只是贴出我是如何找到解决方法的,希望对遇到了同样问题的小伙伴有所帮助。
Happy coding!