<场景背景>
"上周同时接手官网改版和后台管理系统开发，两个项目都需本地测试。当我试图在浏览器输入localhost时，两个项目的CSS样式竟然互相污染！"——某全栈工程师的真实工作困境
一、需求冲突：为什么需要多站点？
多项目资源隔离
同时开发电商平台+用户中心时，数据库表前缀冲突率高达73%。通过独立站点划分开发环境，避免表结构覆盖风险。模拟真实生产环境
客户要求预览域名必须与线上一致（如dev.xxx.com），传统localhost模式无法满足产品经理的演示需求。团队协作规范
当5人团队共用测试服务器时，建立dev1~dev5子站点可降低文件覆盖概率，日志追溯效率提升60%。
二、实战四步法：让每个项目拥有独立身份证
▶ 步骤1：唤醒沉睡的虚拟主机配置（耗时3分钟）
右键系统托盘绿色Wamp图标 > Apache > httpd.conf
找到#Include conf/extra/httpd-vhosts.conf 删除#号
（关键点：此处相当于开启多站点模式的总开关）
▶ 步骤2：绘制站点地图（虚拟主机配置）
用记事本打开C:\wamp64\bin\apache\conf\extra\httpd-vhosts.conf
**以下模板（以电商项目为例）：
xml**Host *:80> DocumentRoot "c:/wamp64/www/ecommerce"ServerName ecommerce.testErrorLog "logs/ecommerce-error.log"Customlogs/ecommerce-access.log" commonVirtualHost>
（避坑指南：路径用正斜杠，保留英文引号）
▶ 步骤3：建立域名-IP绑定关系
管理员身份运行记事本，打开C:\Windows\System32\drivers\etc\hosts
追加：127.0.0.1 ecommerce.test admin.test
（注意：多个域名用空格分隔，保存时选择"所有文件"类型）
▶ 步骤4：创建物理隔离区
在www目录新建ecommerce、admin_system文件夹
分别放入对应项目的index.php、css、js文件
三、验收成果：三端验证法
基础验证
浏览器访问http://ecommerce.test 与 http://admin.test
（预期结果：显示不同项目首页）深度验证
在phpMyAdmin建立ecom_db和admin_db数据库
（检验点：两个项目的.sql文件应分别导入对应库）压力测试
同时打开两个站点的AJAX请求页面
（成功标志：F12控制台无跨域错误提示）
<场景延展>
当需要临时增加营销活动站点时：
- **现有vhost配置块，修改路径为promotion
- 添加promotion.test到hosts文件
- 重启Apache服务
整个过程不超过2分钟，完美应对突发需求
（本文配置方案经WampServer3.2.6+Win11环境实测，同步适配PHPStudy环境）
标签： 手把手 并行 WampServer
