如何在XAMPP中设置多个网站

xampp 是一个非常方便的本地 apache + php + mysql 的调试环境，在本地安装测试 WordPress 等各种博客、论坛程序非常方便。今天我们来给大家介绍一下，如何使用 XAMPP 在本地进行安装多个网站。

一般情况下，我们只需要网站程序放到 xampp/htdoc 目录下，然后在浏览器里输入 ip 地址 http://127.0.0.1/ 或者输入域名 http://localhost/ 就可以了。但是这样我们只能使用一个程序，建立一个网站。如果我们想要测试测试不同的程序，比如一个WordPress的网站，一个Discuz!的论坛，再加上一个ShopEx的网店，那就比较麻烦了。我们这篇文章，就给大家介绍一下，如何在 xampp 中添加多站点支持，让你可以很方便地安装多个网站。

比如说，我们想要在本地安装两个测试域名，www.abc.tld, www.xyz.tld, 分别指向到 htdoc 目录下的 abc.tld 和 xyz.tld 文件夹下。tld 是顶级域名 the top domain 的缩写。如果你喜欢，也可以用 abc.com, abc.net 这样的顶级域名来代替。这里使用 tld 主要是为了避免和真实域名冲突。

1. 在 hosts 文件中设置域名解析

和正常的域名一样，这两个域名并不存在，我们也需要进行解析；否则浏览器不知道去哪儿找到服务器。我们来使用本地 hosts 文件来解决这个问题。这个文件用来指定域名和ip地址之间的映射关系。当你要在浏览器中要输入一个网站进行访问的时候，浏览器会向本地网络的dns服务器发出域名解析请求。但是在发出解析请求之前，首先会在hosts文件中查找是否有解析记录；如果有域名的记录，则使用该记录进行访问。因此，这个文件相当于域名解析的高速缓存文件。

Hosts 文件保存在 C:WindowsSystem32driversetc 目录下，无扩展名，使用文本编辑器（记事本，emeditor，UltraEdit等）可以打开编辑；如果是 Windows Vista 或者 Windows 7 ，需要首先使用管理权权限打开记事本。

然后，我们在文件最后面添加两行域名解析记录，每行一个域名。前面为ip地址，空间用空格或者制表符隔开，后面是域名：

127.0.0.1 www.abc.tld

127.0.0.1 www.xyz.tld

如下图所示：

然后保存该 hosts 文件。

2. 在 htdocs 目录下添加两个文件夹

我们在 xampp/htdocs 目录下建立两个文件夹，分别命名为 www.abc.tld 和 www.xyz.tld 。这里文件目录的名字设置为域名格式是为了便于区分，并非强制要求；只要目录名和后面的设置一致即可。

我们在 www.abc.tld 目录中添加一个 index.html 文件，内容如下：

<html>
	<h1>Welcome to www.ABC.tld</h1>
</html>

在 www.xyz.tld 目录中也添加一个同样的 index.html 文件，将其中 ABC 替换为 XYZ 即可。

说明一下，这个 index.html 文件并不符合 HTML 规范，只是最后用来验证我们的多域名支持成功与否。

3. 在 apache 中添加多域名支持

现在岁最关键的一步，要集中注意力了哦。我们来让 apache 中绑定多个域名，支持多个站点的访问。使用文件编辑器打开文件 xamppapacheconfextrahttpd-vhosts.conf 。

首先找到 NameVirtualHost *:80 ；去掉前面的注释符号 # 。如果没有这一行，就自己添加一行。

然后添加以下代码：

<VirtualHost *:80>
    ServerAdmin postmaster@abc.tld
    DocumentRoot "/xampp/htdocs/www.abc.tld"
    ServerName www.abc.tld
    ErrorLog "logs/www.abc.tld-error.log"
    CustomLog "logs/www.abc.tld-access.log" combined
</VirtualHost> 
 
<VirtualHost *:80>
    ServerAdmin postmaster@xyz.tld
    DocumentRoot "/xampp/htdocs/www.xyz.tld"
    ServerName www.xyz.tld
    ErrorLog "logs/www.xyz.tld-error.log"
    CustomLog "logs/www.xyz.tld-access.log" combined
</VirtualHost>

添加之后，保存该文件。httpd-vhosts.conf 中代码如下图：

4. 重启 Apache 并验证多域名

摄制完成之后，重新启动 apache 服务，重新打开浏览器。并在浏览器中分别输入 http://www.abc.tld 和 http://www.xyz.tld ，可以分别看到以下结果：

设置之后，在浏览器里分别输入 http://www.abc.tld 和 http://www.xyz.tld ，就会显示不同的内容。如果你看到内容和上图一样，那说明你的 xampp 支持多域名已经设置成功了。否则，请从头检查，看看什么地方设置出错了。