You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Laravel本地服务器运行时静态文件出现404错误求助

本地服务器CSS/图片加载404问题排查方案

我通过cPanel在生产服务器部署网站时一切正常,但本地服务器部署时CSS文件和图片均无法加载,已花费10小时排查仍未解决。浏览器报错信息如下:

Failed to load resource: the server responded with a status of 404 (Not Found)
img2.jpg:1          Failed to load resource: the server responded with a status of 404 (Not Found)
img2.jpg:1          Failed to load resource: the server responded with a status of 404 (Not Found)
...(重复的img2.jpg 404报错)

以下是针对性的排查和解决步骤:

  • 核对资源请求路径与实际文件路径
    打开浏览器开发者工具(F12)切换到「网络」标签,查看CSS/图片的请求URL,对比本地项目中文件的真实存储路径:

    • 如果生产环境用了根目录绝对路径(如/css/style.css),但本地服务器将网站部署在子目录(如http://localhost/my-site/),需将路径改为相对路径(如./css/style.css),或根据环境动态配置根路径前缀。
    • 确认代码中引用的文件名、文件夹名和实际文件完全一致,包括层级结构。
  • 检查本地服务器文件权限
    确保CSS、图片等静态资源文件及所在文件夹具备服务器可读权限:

    • Linux本地环境:将文件权限设为644,文件夹设为755;
    • Windows本地环境(如XAMPP/WAMP):右键文件/文件夹,确保「只读」属性未被勾选,且服务器进程(如Apache)有读取权限。
  • 排查服务器配置与重写规则
    若使用Apache服务器,检查.htaccess或httpd.conf中的重写规则是否拦截了静态资源请求:
    确保重写规则优先放行存在的文件和文件夹,示例规则如下:

    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^ index.php [L]
    

    该规则表示:如果请求的是真实存在的文件或文件夹,直接访问;否则转发到入口文件(如index.php)。

  • 统一文件名大小写
    生产服务器(cPanel通常基于Linux)区分文件名大小写,而Windows本地环境不区分。若代码中引用的文件名(如Img2.jpg)与实际文件(如img2.jpg)大小写不一致,本地可能暂时正常,但切换到Linux本地服务器就会触发404。统一代码引用和实际文件的大小写。

  • 确认本地服务器根目录设置
    检查本地服务器(如XAMPP、WAMP、Nginx)的网站根目录是否指向项目的根文件夹:

    • 比如XAMPP的htdocs目录下,若项目放在htdocs/my-project,则访问路径应为http://localhost/my-project,若服务器根目录误设为htdocs,而代码用了根路径引用资源,就会导致404。

内容的提问来源于stack exchange,提问作者Arjun Ghimire

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.18 01:35:27