Apache+Laravel+Filament环境下CSS MIME类型错误求助

拒绝应用来自https://api.pickmode.pl/filament/assets/app.css?id=4c051b8ff61afd3b5499c7dff41d944d的样式，因其MIME类型('application/json')不是受支持的样式表MIME类型，且已启用严格MIME检查。

环境与当前配置 #

• 部署环境：Apache服务器，运行Laravel应用+Filament后台面板
• 本地php artisan serve运行一切正常
• 当前.htaccess配置：

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

    RewriteEngine On

    Header set Access-Control-Allow-Origin "*"
    Header set Access-Control-Allow-Methods "GET,PUT,POST,DELETE"
    Header set Access-Control-Allow-Headers "Content-Type, Authorization"

    AddType text/css .css

    RewriteCond %{REQUEST_URI} \.css(\?.*)?$ [NC]
    RewriteRule .* - [T=text/css]
    # Handle Authorization Header
    RewriteCond %{HTTP:Authorization} .
    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]


    # Redirect Trailing Slashes If Not A Folder...
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)/$ /$1 [L,R=301]
    RewriteCond %{REQUEST_URI} !(\.ico|\.css|\.js|\.png|\.jpg|\.gif|robots\.txt|\.eot|\.svg|\.ttf|\.woff|\.woff2|\.otf|\.pdf)$ [NC]
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteRule ^ index.php [L]

# If this https://api.pickmode.pl/filament/assets/app.css is requested, then header will be added to response
# Header set Access-Control-Allow-Origin "*"
# Header set Access-Control-Allow-Methods "GET,PUT,POST,DELETE"
# Header set Access-Control-Allow-Headers "Content-Type, Authorization"

</IfModule>

已尝试在.htaccess中强制设置text/css头部，但问题未解决，求可行方案。

解决步骤 #

1. 调整.htaccess规则顺序，优先处理静态文件 #

当前规则中静态文件排除逻辑在路由转发之后，可能导致CSS请求被Laravel接管。修改规则顺序，让静态文件直接由Apache处理：

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

    RewriteEngine On

    # 优先处理已存在的静态文件，直接返回
    RewriteCond %{REQUEST_FILENAME} -f
    RewriteRule ^ - [L]

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

    # 移除末尾斜杠
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)/$ /$1 [L,R=301]

    # 其余请求转发到index.php
    RewriteRule ^ index.php [L]
</IfModule>

2. 检查Apache全局MIME配置 #

确保Apache全局配置（httpd.conf或虚拟主机配置）中正确设置CSS的MIME类型，避免.htaccess的AddType被覆盖：

AddType text/css .css

添加后重启Apache服务。

3. 重新发布Filament静态资源并修复权限 #

运行以下命令重新生成并发布Filament资源：

php artisan filament:assets
php artisan storage:link

确保public/filament/assets目录权限为755，Apache用户拥有读取权限。

4. 排查路由/中间件冲突 #

用curl测试请求头，确认实际返回的MIME类型：

curl -I https://api.pickmode.pl/filament/assets/app.css?id=4c051b8ff61afd3b5499c7dff41d944d

如果返回Content-Type: application/json，说明请求被Laravel路由/中间件拦截：

• 检查是否有自定义路由匹配filament/assets/*路径
• 检查全局中间件是否强制返回JSON格式响应

5. 暂时禁用全局CORS头（非跨域场景） #

如果你的应用不需要跨域访问，注释掉.htaccess中的CORS配置，避免与MIME类型设置冲突：

# Header set Access-Control-Allow-Origin "*"
# Header set Access-Control-Allow-Methods "GET,PUT,POST,DELETE"
# Header set Access-Control-Allow-Headers "Content-Type, Authorization"

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