CDN加速–阿里云CDN图片不显示问题笔记(本站已启用CDN加速)
前言
Emin.ink使用学生机配置,只有小小的1M油管,图片速度显示加载很慢。
于是就考虑使用阿里云的CDN分发加速功能,之前买下的9毛钱使用2年,每个月拥有20G流量,对于我这种小博主来说够用了
在几次配置后,始终显示不出文章内的图片,显示请教了IT之家的家友,提供了使用浏览器自带的F12排查思路,仍无果,遂提交后台工单,终于解决,在此记录一下过程。
排除过程
关于CDN的前部分配置不在这里累述,可以查看开发者文档寻求帮助。
- ping Emin.ink回馈成功。图片仍无显示
- curl http://emin.ink(linux系统下) 发现使用303跳转(之前使用windows serve 2012 r2使用的强制跳转,没想到不能在此使用)。工程师提示需要取消源站内(服务器)的跳转,须在CDN配置面板中设置,如果需要使用SSL,在申请完SSL后,在阿里云面板中安全证书内可推送到CDN一键配置,这样就排除了https的问题。图片仍无显示
- 重新检查cname 的跳转问题,需要把原来的A记录删除,只留cname记录。
原来过程:你的域名----你的服务器ip----客户;
CDN过程:你的域名----阿里云CDN服务器cname------客户。
- 工程师提示:回源host 更改为 www.emin.ink 然后访问测试一下。图片仍无显示
- 工程师提示:请您核对下您的源站的https证书是否是使用SNI技术实现的,CDN暂时不支持回源带有SNI信息。 (过程的重点,排除了一个大问题,为了使一个IP使用多个证书,当初开启了SNI,没想到CDN服务不支持,所以就必须关掉了)。图片仍无显示
- 工程师提示: SNI功能关闭后将仅能保留一个证书。于是就只保留了www.emin.ink的证书。首页头像显示正常,文章内图片显示不正常
- 工程师提示:查看您的该页面的源码存在问题导致了如下的错误,建议您核对下该页面的编码问题。使用F12查看console后,的确存在问题,排查后图片已经正常显示。
总结
阿里云工程师这次服务使用了9个小时,提交工单时过程较久,但提交成功后,解决速度很快,而且从12点提交工单到凌晨2点换了5个工程师.......可见阿里云工单系统还是十分给力的。
注*善用CDN面板刷新功能。