XAMPP下使用顶级域名绑定虚拟主机的配置方法和示例

有时候你需要一些顶级域名访问方式来访问你本地的项目，这时候就需要配置虚拟主机，给你的目录绑定一个域名，实现多域名绑定访问。（本地的话可以通过修改 hosts 文件随便绑定什么域名比如 www.a.com 或者 localdemo）。

现在假定你有两个目录，一个存在于 /xampp/htdocs/a，另一个存在于 /xampp/htdocs/b 。

现在你想要在本地测试的时候访问 www.a.com 对应的目录是 /xampp/htdocs/a ，访问 www.b.com 对应的目录是 /xampp/htdocs/b 。懂得 Apache配置的其实就可以绕开了，因为 XAMPP 无非就是集成了 Apache 之类的环境集成包，实现多域名也就是通过配置 Apache 实现的。

以下配置针对的是XAMPP Windows 1.7.4 版本，不过对于XAMPP的其他版本也同样适用。

下载地址：https://www.jb51.net/softs/308.html

1、首先修改C:/WINDOWS\system32\drivers\etc目录下的 hosts 文件，用Notepad++ 或记事本打开，加入：
复制代码 代码如下:
127.0.0.1 www.a.com
127.0.0.1 www.b.com

2、打开xampp\apache\conf\httpd.conf文件，搜索 “Include conf/extra/httpd-vhosts.conf”，确保前面没有 # 注释符，也就是确保引入了 vhosts 虚拟主机配置文件。

开启了httpd-vhosts.conf，默认的httpd.conf默认配置失效（确保 httpd-vhosts.conf 文件里也开启了虚拟主机配置，见第3条），访问此IP的域名将全部指向 vhosts.conf 中的第一个虚拟主机。（注意是第一个，详见第4）

3、在虚拟主机设置文件xampp\apache\conf\extra\httpd-vhosts.conf里设置：

取消 NameVirtualHost *:80 前面的 ##，这样就启用了 vhosts.conf ，默认的httpd.conf默认配置失效。虚拟主机配置将只在httpd-vhosts.conf 里设置。

复制代码 代码如下:
<VirtualHost *:80>
DocumentRoot /xampp/htdocs/a
ServerName www.a.com
</VirtualHost>

<VirtualHost *:80>
DocumentRoot /xampp/htdocs/b
ServerName www.b.com
</VirtualHost>

4、 设置完了第3条之后，你会发现访问 localhost直接指向到设置的 a 那个路径去了，这个问题在第2条有讲。也就是开启了 vhosts后，默认的 httpd 的配置就会失效了，默认的访问就指向到 vhosts 里的第一条设置去了。这时候你要把 localhost的目录配置给设置回来。
复制代码 代码如下:<VirtualHost *:80>
DocumentRoot /xampp/htdocs/
ServerName localhost
</VirtualHost>

至此，XAMPP 的虚拟主机设置完毕，现在访问 localhost 还是原来的 XAMPP 的帮助指南，访问 www.a.com 将指向到绑定的 a 目录，访问 www.b.com 将指向到绑定的 b 目录。

实例参考：

XAMPP添加VirtualHost以支持多个站点

在c:\xampp\apache\conf\extra\httpd-vhosts.conf文件中添加如下内容：
复制代码 代码如下:
NameVirtualHost *:80
<VirtualHost *:80>
DocumentRoot "E:/php/wordpress"
ServerName wordpress
</VirtualHost>

//下面这一段必须加入，不然无法访问

<Directory "E:/php/wordpress">
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all
</Directory>

不过可以将上面两段合在一起
复制代码 代码如下:<VirtualHost *:80>
DocumentRoot "E:/php/wordpress"
ServerName wordpress
<Directory "E:/php/wordpress">
Options Indexes FollowSymLinks Includes ExecCGI
AllowOverride All
Order allow,deny
Allow from all
</Directory>
</VirtualHost>

（这一段将localhost默认访问设置回来，将必须放在后面）
复制代码 代码如下:
<VirtualHost *:80>
DocumentRoot "D:/xampp/htdocs/"
ServerName localhost

</VirtualHost>

在C:\WINDOWS\system32\drivers\etc目录下的hosts文件中添加如下内容：
复制代码 代码如下:
127.0.0.1 wordpress