网站配置SSL后浏览器端显示链接不安全的解决方式

一般站长都会为了浏览器的地址栏小绿锁而配置ssl,配置完成之后可以通过https进行访问,但是却有感叹号显示当前连接不安全。

原因

一般是因为代码不规范的原因造成,比如在css之中引入站外或者是cdn中的图片,rul或是src后的内容直接是src=”https://xxx.com/"; 所以在修改的时候要符合规范

  • 代码里的元素:图片,js,css,等是不能调用外面的http://路径;
  • from标签也不能action到http://路径上;
  • 不能使用iframe到http://路径上;

解决办法

这里以css中图片背景为例子

不规范的写法:

background-image:url(‘https://xxx.xxx.com/bg.jpg');

以下是规范写法:

background-image:url(‘//xxx.xxx.com/bg.jpg’);

其实是只需要将前面的http或者https给去掉就行了。改成相对路径之后,在返回浏览器访问一下,就会发现小绿锁已经亮起来了。

# ,

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×