产品服务AMH 免费服务器主机面板SSL证书 免费SSL证书申请编程助手免费智能写代码、翻译NewAMYSQL 免费MySQL管理工具AMFTP 免费FTP管理客户端

AMH 社区首页

 AMH社区 - 开放自由有价值的社区

[综合话题] SSL证书配置正确,但是没有出现绿锁也没有出现红锁,请看这里!

9513645
银牌会员
1428.02 价值分

9513645 发表于 2017-05-07 19:11:12
联动贴:<a href="https://amh.sh/bbs/post-9617-1-1.htm" se_prerender_url="complete">
【SSL配置攻略】SSL证书简单配置全攻略!</a>

出错提示:<img src="http://chuantu.biz/t5/80/1494151716x2890171534.png">

问题原因:HTTPS页面里动态的引入HTTP资源,比如引入一个js文件,会被直接block掉的.在HTTPS页面里通过AJAX的方式请求HTTP资源,也会被直接block掉的。

解决方法:
方法1:相对协议。
如果你的网站同时准备了 https 资源和 http 资源,那么,可以使用相对协议可以帮助你实现当网站引入的都是 http 资源,网站域名更换为 https 后的无缝切换。

具体使用方法为:

<img src="//domain.com/img/logo.png">

简而言之,就是将URL的协议(http、https)去掉,只保留//及后面的内容。这样,在使用https的网站中,浏览器会通过https请求URL,否则就通过http发送请求。

注意:如果是浏览本地文件,浏览器通过file://协议发送请求,导致请求失败,因此本地测试最好是搭建一个本地服务器。

方法2:iframe方式
使用 iframe 的方式引入 http 资源,比如在 https 里面播放优酷的视频,我们可以先在一个 http 的页面里播放优酷视频,然后将这个页面嵌入到 https 页面里就可以了。

另外一个典型的例子是在 https 页面里通过 Ajax 的方式请求 http 资源,Chrome 是不允许直接 Ajax 请求 http 的。如果两个页面的内容都可以控制的话,当前窗口可以 iframe 窗口进行通信。

其他用法
这个小技巧同样适用于 CSS :
.omg { background: url(//baidu.com/baidu.gif); }
附注:<link>或@import引入样式表时使用相对协议,IE7、IE8 会下载文件两次。
评价: 这个话题有价值吗?  没有 (0分)   有, 感谢 (13.62分)
2017-05-07 19:11:12 1

9513645
银牌会员
1428.02 价值分

挖槽,图片,写错代码连接全挂掉了,管理员能不能修复一下。
评价: 这个回复有价值吗?  没有 (0分)   有, 感谢 (0分)
回复  2017-05-07 19:12:44 2

yanghang
银牌会员
1563.14 价值分

我到现在连图片从那上传都不知道。。。。
评价: 这个回复有价值吗?  没有 (0分)   有, 感谢 (0分)
回复  2017-05-09 23:52:39 3

9513645
银牌会员
1428.02 价值分

引用:
yanghang 发表于 2017-05-09 23:52:39
我到现在连图片从那上传都不知道。。。。


并没有图片上传功能,我是传的网上免费图库。着用论坛代码写进来的。
评价: 这个回复有价值吗?  没有 (0分)   有, 感谢 (0分)
回复  2017-05-10 00:01:52 4

陈小儒
铝牌会员
273.38 价值分

我就没试验成功过。。。码盲伤不起
评价: 这个回复有价值吗?  没有 (0分)   有, 感谢 (0分)
回复  2017-05-12 18:38:32 5

流浪猫
爱猫书签
流浪猫API
流浪猫网站ICO

9513645
银牌会员
1428.02 价值分

引用:
陈小儒 发表于 2017-05-12 18:38:32
我就没试验成功过。。。码盲伤不起


如果你是这样错误,http://chuantu.biz/t5/80/1494151716x2890171534.png

大部分是因为引入了HTTP资源导致~,查看你的源码,搜索 http:// 如果是你本站的,就全部去掉http: 只留 //domain.com/img/logo.png 或者直接写 /img/logo.png
评价: 这个回复有价值吗?  没有 (0分)   有, 感谢 (0分)
回复  2017-05-13 14:00:14 6

sdcool
铁牌会员
10.00 价值分

下载站站,很多http的下载链接,怎么办??
评价: 这个回复有价值吗?  没有 (0分)   有, 感谢 (0分)
回复  2017-06-02 22:50:20 7

9513645
银牌会员
1428.02 价值分

引用:
sdcool 发表于 2017-06-02 22:50:20
下载站站,很多http的下载链接,怎么办??



用方法1

<img src="//domain.com/img/logo.png">

简而言之,就是将URL的协议(http、https)去掉,只保留//及后面的内容。这样,在使用https的网站中,浏览器会通过https请求URL,否则就通过http发送请求。
评价: 这个回复有价值吗?  没有 (0分)   有, 感谢 (0分)
回复  2017-06-02 22:53:58 8

向阳
铝牌会员
371.47 价值分

谢谢了,
谢谢分享
评价: 这个回复有价值吗?  没有 (0分)   有, 感谢 (0分)
回复  2017-06-22 00:23:02 9

蒜溪旅游指南
铁牌会员
19.15 价值分

我觉得方便的话建个交流群什么或者图文并茂的分步操作截图,新手光看文字很多时候还是不会操作!
评价: 这个回复有价值吗?  没有 (0分)   有, 感谢 (0分)
回复  2017-09-25 19:52:27 10
 1 2 >  (总2页)
AMH社区列表
用户服务中心