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
相关产品推荐
相关产品推荐

