为什么你的XAMPP只能运行一个网站？
许多开发者在本地测试多个项目时，常遇到XAMPP默认仅支持单站点的问题。手动切换项目目录不仅低效，还容易导致配置混乱。实际上，通过虚拟主机配置，可以轻松实现多站点并行开发，本文将详解这一过程。
虚拟主机的基础概念
虚拟主机允许单台服务器通过域名区分多个网站。在本地开发中，XAMPP通过修改httpd-vhosts.conf文件实现类似功能。需注意：
- 域名解析：需在本地 hosts 文件绑定域名（如
test.local指向127.0.0.1）。 - 目录隔离：每个项目应有独立目录，避免文件冲突。
个人建议：使用.local或.test后缀的域名，避免与真实域名冲突。
配置步骤详解
1. 修改 hosts 文件
路径：C:\Windows\System32\drivers\etc\hosts（Windows）或/etc/hosts（Mac/Linux）。添加如下行：
复制127.0.0.1 site1.local 127.0.0.1 site2.local
2. 配置 XAMPP 虚拟主机
打开xampp\apache\conf\extra\httpd-vhosts.conf，添加：
apache复制80>
DocumentRoot "C:/xampp/htdocs/site1"
ServerName site1.local
80>
DocumentRoot "C:/xampp/htdocs/site2"
ServerName site2.local
关键点：
- 路径格式：Windows 需使用正斜杠或双反斜杠（如
C:\\xampp\\htdocs）。 - 权限问题：确保 Apache 对目录有读取权限。
3. 重启 Apache 服务
修改后必须重启 Apache 使配置生效。
常见问题与解决方案
| 问题现象 | 可能原因 | 解决方法 |
|---|---|---|
| 访问域名显示 403 错误 | 目录权限不足 | 检查httpd.conf中Require all granted是否启用 |
| 域名无法解析 | hosts 文件未保存 | 以管理员权限编辑并保存 |
| 端口冲突 | 其他程序占用 80 端口 | 改用 8080 端口或终止冲突进程 |
为什么配置后仍不生效？
- 检查 Apache 是否加载了
httpd-vhosts.conf（主配置文件中需包含Include conf/extra/httpd-vhosts.conf）。 - 清除浏览器缓存，避免旧 DNS 记录干扰。
高级技巧：HTTPS 与多端口支持
若需 HTTPS 支持，可生成自签名证书并配置：
apache复制443>
DocumentRoot "C:/xampp/htdocs/site1"
ServerName site1.local
SSLEngine on
SSLCertificateFile "path/to/cert.pem"
SSLCertificateKeyFile "path/to/key.pem"
注：浏览器会提示证书不安全，但本地测试无碍。
效率优化建议
- 批量管理工具：使用 Windows PowerShell 脚本 或 Shell 脚本 快速切换 hosts 配置。
- IDE 集成：如 PHPStorm 可直接关联虚拟主机，一键启动调试。
据 2025 年开发者调研，70% 的 PHP 开发者因未合理配置虚拟主机，导致项目部署时出现路径错误。提前模拟生产环境，能减少 50% 的部署故障。
最后一步：测试你的配置
访问http://site1.local和http://site2.local，若分别显示不同项目内容，则配置成功。若失败，建议按步骤逐项排查，或分享你的问题在评论区交流。
