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

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

2020-07-17 13:58服务器之家 WEB服务器

这篇文章主要介绍了XAMPP下使用顶级域名绑定虚拟主机的配置方法和示例,XAMPP是Windows下非常好用的一款集成开发环境,需要的朋友可以参考下

有时候你需要一些顶级域名访问方式来访问你本地的项目，这时候就需要配置虚拟主机，给你的目录绑定一个域名，实现多域名绑定访问。（本地的话可以通过修改 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的其他版本也同样适用。

下载地址：http://www.zzvips.com/soft/27.html

1、首先修改C:/WINDOWS\system32\drivers\etc目录下的 hosts 文件，用Notepad++ 或记事本打开，加入：

复制代码代码如下:

	
0.0.1 www.a.com

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