Yii2基础版虚拟主机环境下CSS无法加载的问题求助

核心问题出在虚拟主机配置错误，导致Yii2无法正确解析资源路径，以下是具体修复步骤：

1. 修正虚拟主机配置（httpd-vhosts.conf） #

原配置中DocumentRoot指向了index.php文件，这是错误的，需改为指向项目的web目录，并添加目录权限配置：

<VirtualHost *:8080>
    DocumentRoot "C:\\xampp\\htdocs\\danish\\web"
    ServerName danish.local

    <Directory "C:\\xampp\\htdocs\\danish\\web">
        AllowOverride All
        Require all granted
    </Directory>
</VirtualHost>

• 说明：DocumentRoot必须指向web根目录而非具体文件；Directory配置确保Apache允许访问该目录，并支持.htaccess规则（用于后续URL美化）。

2. 调整Yii2 Request组件配置（/config/web.php） #

在components的request节点中添加baseUrl参数并设为空字符串，适配虚拟主机的根路径映射：

'request' => [
    'enableCookieValidation' => false,
    'enableCsrfValidation' => false,
    'baseUrl' => '', // 添加该行
],

• 说明：Yii2默认baseUrl会包含子目录路径，虚拟主机直接映射到web目录后，需清空该值以保证资源路径生成正确。

3. （可选）开启URL美化优化 #

若需去掉URL中的index.php，可启用urlManager配置：

'urlManager' => [
    'enablePrettyUrl' => true,
    'showScriptName' => false,
    'rules' => [
    ],
],

同时确保web目录下的.htaccess文件存在（Yii2基础版默认自带），内容如下：

RewriteEngine on

# 存在的目录/文件直接访问
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d

# 其余请求转发到index.php
RewriteRule . index.php

4. 使配置生效 #

• 重启XAMPP中的Apache服务
• 删除项目根目录下runtime/cache和web/assets内的所有文件，清除Yii2缓存

完成以上操作后，访问http://danish.local:8080即可正常加载CSS资源。

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