虚拟主机: 不是真实存在的主机, 因为一台电脑理论上讲只能作为一个网站: 事实上,一个网站是一个文件夹.
在本地开发中，通过虚拟主机配置可以实现多域名独立访问不同项目目录（如 `www.project1.test` 和 `www.project2.test`），以 ”XAMPP + Apache“为例。
一、环境准备与基础概念
a. 启动XAMPP
2. 打开XAMPP控制面板。
2. 点击Apache模块旁的“Start“按钮。
3. 验证是否启动成功：浏览器访问 `http://localhost`，应显示XAMPP默认页面。
b. 项目目录规划
假设项目存放在 `D:/xampp/htdocs/` 下，结构如下：
D:/xampp/htdocs/
├─ www.aa.com/ # 对应域名 www.aa.com
│ └─ index.php # 项目入口文件
├─ www.cs.com/ # 对应域名 www.cs.com
│ └─ index.php
└─ index.php # 默认入口（localhost）
```
二、域名解析：修改hosts文件
1. hosts文件的作用
将自定义域名指向本地IP `127.0.0.1`，绕过DNS解析，实现“假域名”访问。
2. 操作步骤（Windows）
1.以管理员身份打开文件：
- 按 `Win + S`，搜索”Notepad“，右键选择”以管理员身份运行“。
- 在记事本中点击”文件 > 打开“，导航至 `C:\Windows\System32\drivers\etc`，选择”所有文件“，打开 `hosts`。
2.添加域名映射：
plaintext
127.0.0.1 localhost
127.0.0.1 www.aa.com
127.0.0.1 www.cs.com
```
3.保存文件：
- 如果提示权限不足，可将文件复制到桌面修改后，再覆盖回原目录。
3. 其他系统（Mac/Linux）
-Mac：终端执行 `sudo nano /etc/hosts`，输入密码后编辑。
-Linux：终端执行 `sudo gedit /etc/hosts` 或使用vim。
三、Apache虚拟主机配置
1. 修改httpd-vhosts.conf
1. 打开文件：
`D:\xampp\apache\conf\extra\httpd-vhosts.conf`
2.清空默认示例：删除文件内所有默认的`<VirtualHost>`块（避免冲突）。
3.添加以下配置：
apache
默认主机（localhost）
<VirtualHost *:80>
DocumentRoot "D:/xampp/htdocs"
ServerName localhost
<Directory "D:/xampp/htdocs">
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
</VirtualHost>项目1：www.aa.com
<VirtualHost *:80>
DocumentRoot "D:/xampp/htdocs/www.aa.com"
ServerName www.aa.com
<Directory "D:/xampp/htdocs/www.aa.com">
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
</VirtualHost>项目2：www.cs.com
<VirtualHost *:80>
DocumentRoot "D:/xampp/htdocs/www.cs.com"
ServerName www.cs.com
<Directory "D:/xampp/htdocs/www.cs.com">
Options Indexes FollowSymLinks
AllowOverride All
Require all granted
</Directory>
</VirtualHost>
```
2. 关键配置项解析
-DocumentRoot：项目文件的物理路径。
-ServerName：绑定的域名。
-\<Directory\>：目录权限控制块。
- `Options Indexes FollowSymLinks`：允许目录浏览、符号链接。
- `AllowOverride All`：启用 `.htaccess` 文件重写规则。
- `Require all granted`：允许所有请求访问。
3. 启用虚拟主机模块
1. 打开主配置文件：
`D:\xampp\apache\conf\httpd.conf`
2. 确保以下行未被注释（删除开头的`#`）：
```apache
Include conf/extra/httpd-vhosts.conf
LoadModule rewrite_module modules/mod_rewrite.so
```
四、重启Apache并验证
1. 重启服务
- 在XAMPP控制面板中，先点击 ”Stop“，再点击 ”Start“重启Apache。
2. 验证域名解析
- 命令行测试：
```bash
ping www.aa.com
应返回 127.0.0.1
```
- 浏览器访问：
- `http://www.aa.com` → 显示 `www.aa.com` 目录下的内容。
- `http://www.cs.com` → 显示 `www.cs.com` 目录下的内容。