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

Laravel 5.1加载CSS文件出现net::ERR_ABORTED错误求助

Hey George,我知道这个问题卡了你两周肯定超闹心,咱们一步步来排查解决Laravel 5.1在Hostinger上加载CSS文件的问题:

1. 先确认CSS文件的引入路径是否正确
  • 首先,Laravel 5.1里推荐用框架自带的辅助函数asset()来引入静态资源,比如在blade模板里这么写:
    <link rel="stylesheet" href="{{ asset('css/your-style.css') }}">
    
    这个函数会自动生成基于项目根目录的绝对路径,能避开相对路径带来的各种坑。
  • 一定要检查public/css文件夹里确实存在目标CSS文件,而且文件名、后缀要完全匹配——Hostinger用的是Linux服务器,大小写敏感,比如Style.css和style.css会被当成两个不同的文件。
2. 检查.htaccess文件配置

你提到了两个.htaccess文件,咱们分别核对:

根目录的.htaccess

Laravel 5.1根目录的.htaccess应该负责把所有请求导向public文件夹,正确配置如下:

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteRule ^(.*)$ public/$1 [L]
</IfModule>

如果你的根目录.htaccess不是这个内容,直接替换成上面的,确保请求都走public目录。

public目录的.htaccess

public文件夹的.htaccess要保持Laravel默认配置,它会正确处理路由和静态资源请求:

<IfModule mod_rewrite.c>
    <IfModule mod_negotiation.c>
        Options -MultiViews
    </IfModule>

    RewriteEngine On

    # Redirect Trailing Slashes If Not A Folder...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)/$ /$1 [L,R=301]

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

    # Handle Authorization Header
    RewriteCond %{HTTP:Authorization} .
    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
</IfModule>

如果你的public/.htaccess被修改过,恢复成上面的默认配置——其中!-f的条件会让存在的静态文件直接返回,不会被路由规则拦截。

3. 检查Hostinger的服务器特定设置
  • 确认PHP版本符合要求:Laravel 5.1需要PHP 5.5.9及以上,你可以在Hostinger控制面板里查看当前PHP版本,要是版本太低,切换到符合要求的版本。
  • 检查mod_rewrite模块是否开启:Laravel的URL重写依赖这个模块,Hostinger默认一般是开启的,但如果没开,去cPanel的「Apache Modules」里启用它。
  • 查看是否有目录保护设置:有些共享主机的「保护目录」功能会给public目录加过严的限制,导致静态资源无法被访问,要是开了可以暂时关闭测试。
4. 修正文件和文件夹权限

Linux服务器上权限不对是静态资源加载失败的常见原因:

  • public/css文件夹的权限要设为755,CSS文件权限设为644。你可以在Hostinger的文件管理器里右键修改,或者用SSH命令:
    chmod -R 755 public/css
    chmod 644 public/css/*.css
    
5. 清除缓存
  • 清除Laravel的配置和路由缓存:在Hostinger的终端(或SSH)里执行:
    php artisan cache:clear
    php artisan config:clear
    
    旧缓存可能会导致资源路径错误。
  • 强制刷新浏览器缓存:用Ctrl+Shift+R(Windows)或Cmd+Shift+R(Mac)刷新页面,避免浏览器加载旧的缓存资源。
6. 直接测试CSS文件访问

在浏览器地址栏直接输入CSS文件的绝对路径,比如https://你的域名.com/css/your-style.css:

  • 如果返回403 Forbidden:说明权限或服务器配置阻止了访问,回到权限和.htaccess的排查步骤。
  • 如果返回404 Not Found:说明路径不对,再检查文件是否存在、路径拼写是否正确。

按照这些步骤一步步来,应该能解决你的加载错误问题。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.05.20 09:02:02