网站全页面图片裂图别乱改前端代码，按这四步查，两分钟修好不用折腾

新手网站突然所有图片全裂图，样式正常，就是图片显示不出来，急得乱改代码，其实图片裂图就几个固定原因，顺着查两分钟就能修好。第一，先看Nginx有没有加载mime.types配置，要是配置里漏了这行，浏览器不认识jpg、png后缀，所有图片全裂，在站点配置里加上include mime.types，重启Nginx就好；第二，看图片路径对不对，改完模板之后，图片用的相对路径，目录变了之后路径错了，图片自然加载不出来，改成绝对路径就好；第三，看是不是CDN缓存了旧的404响应，图片换了之后CDN还存着找不到的记录，刷新一下CDN缓存，图片立刻就出来；第四，看图片目录的权限是不是对的，要是权限设成755以下，Nginx读不到图片文件，自然裂图，把目录权限改成755。

我之前改完模板，所有图片全裂图，折腾半天是Nginx漏了mime.types配置，加上之后立刻就恢复了。很多新手看到裂图就乱改前端代码，其实大部分都是Nginx配置、路径、缓存的问题，根本不是代码逻辑错了。真的，遇到图片裂图，顺着这几个点查，两分钟就能修好，不用对着代码瞎改半天。