Laravel项目访问PNG图片报403 Forbidden错误，JPG正常如何解决？

你提供的图片引用代码本身没有语法问题，JPG可正常加载说明路径规则正确，问题出在服务端配置或PNG文件本身，具体排查修复方案如下：

核心原因归类 #

• 文件权限异常：PNG文件本身的读权限不足，Web服务器进程无法读取文件内容。常见于手动上传、脚本生成的PNG文件权限被设置为600/640等非公开可读权限，而同目录JPG文件权限为正常的644
• Web服务器规则拦截：Nginx/Apache的防盗链配置、WAF规则、后缀限制规则中未将PNG加入白名单，仅放行JPG等格式的静态资源请求
• Laravel框架拦截：请求被框架的路由规则、权限中间件拦截。一般是自定义了/images前缀的路由处理逻辑，或.htaccess规则被修改，导致存在的PNG静态文件也被转发到Laravel入口做权限校验，校验失败返回403
• 文件本身异常：PNG文件损坏、扩展名被伪造（实际为其他可执行文件改后缀为PNG），被服务器的文件格式校验规则拦截

分步排查流程 #

1. 区分403来源：直接在浏览器访问PNG直链http://你的域名/images/logo/black.png，如果返回的是Laravel框架的错误页，说明请求被框架拦截，优先排查路由、中间件配置；如果是Web服务器默认的403页，优先排查权限和服务器配置
2. 校验文件权限：进入服务器项目目录，执行命令对比PNG和正常JPG的权限：

ls -la public/images/logo/

如果PNG文件权限低于644，执行以下命令修复权限：

# 修正当前目录所有PNG文件权限
chmod 644 public/images/logo/*.png
# 批量修正整个public目录权限（通用方案）
find public -type f -exec chmod 644 {} \;
find public -type d -exec chmod 755 {} \;
# 如果图片存在storage软链，同步修正storage目录权限
chmod -R 755 storage/app/public/

3. 检查Web服务器配置：查看Nginx的server块配置、Apache的VirtualHost配置，确认防盗链规则、静态资源放行规则中包含png后缀，没有针对PNG的特殊拦截规则
4. 排查Laravel配置：检查routes/web.php中是否有/images前缀的自定义路由，如有且无特殊业务需要可以删除，让静态资源直接由Web服务器返回；检查public/.htaccess文件是否为Laravel默认配置，默认配置会优先返回存在的静态文件，不会转发到框架入口
5. 验证文件完整性：在本地打开PNG文件确认没有损坏，重新上传一次到服务器排除上传过程中文件损坏的问题

常见快速修复 #

大部分场景下都是文件权限问题，执行上述批量修正权限的命令即可解决；如果是防盗链规则漏加PNG，在白名单后缀中补充png后重载服务器配置即可。

内容的提问来源于stack exchange，提问作者Leo