轻松上手，XAMPP 新增域名全流程指南

在进行网站开发和测试时，常常需要在本地环境中模拟多个域名的访问，XAMPP 作为一款广受欢迎的本地服务器集成环境，为我们提供了便捷的操作方式，我们就详细介绍一下如何在 XAMPP 中新增域名。

准备工作

1. 安装 XAMPP首先确保你已经成功安装了 XAMPP，XAMPP 集成了 Apache、MySQL、PHP 和 Perl 等常用的服务器软件，是搭建本地开发环境的得力助手，你可以从官方网站下载适合你操作系统的安装包,并按照安装向导进行操作。
2. 了解 XAMPP 目录结构安装完成后，熟悉 XAMPP 的目录结构很重要，XAMPP 的安装目录下包含了多个子目录，如htdocs

   目录用于存放网站文件，

   mysql

   目录用于 MySQL 数据库相关文件，

   php

   目录包含 PHP 的配置文件等。

3. 目录包含 PHP 的配置文件等。

修改 Apache 配置文件

1. 找到 Apache 配置文件在 XAMPP 的安装目录下，进入apache\conf\extra

   目录，找到

   httpd-vhosts.conf

   文件，这个文件是 Apache 的虚拟主机配置文件,我们将在这里新增域名配置。

2. 文件，这个文件是 Apache 的虚拟主机配置文件,我们将在这里新增域名配置。
3. 备份原始配置文件在修改配置文件之前，建议先对
httpd-vhosts.conf

文件进行备份，以防修改出现问题时可以恢复，你可以将文件++到其他目录,例如桌面。

4. 文件进行备份，以防修改出现问题时可以恢复，你可以将文件++到其他目录,例如桌面。
5. 新增域名配置用文本编辑器打开
httpd-vhosts.conf

文件,在文件末尾添加以下内容：

6. 文件,在文件末尾添加以下内容：

<VirtualHost *:80>    ServerAdmin webmaster@yourdomain.com    DocumentRoot "C:/xampp/htdocs/yourdomain"    ServerName yourdomain.com    ServerAlias www.yourdomain.com    ErrorLog "logs/yourdomain_error.log"    CustomLog "logs/yourdomain_access.log" common</VirtualHost>

这里需要根据你的实际情况进行修改：

• ServerAdmin

  ：填写网站管理员的邮箱地址。

• ：填写网站管理员的邮箱地址。
DocumentRoot

：指定网站文件所在的目录，如果你要创建一个名为

yourdomain

的网站，那么该目录应该是

C:/xampp/htdocs/yourdomain

（假设 XAMPP 安装在 C 盘），你需要确保这个目录已经存在，如果不存在,可以手动创建。

• （假设 XAMPP 安装在 C 盘），你需要确保这个目录已经存在，如果不存在,可以手动创建。
ServerName

：填写你要新增的域名。

• ：填写你要新增的域名。
ServerAlias

：通常填写域名的 www 前缀形式,方便用户通过两种方式访问网站。

• ：通常填写域名的 www 前缀形式,方便用户通过两种方式访问网站。
ErrorLog

和

CustomLog

：分别指定错误日志和访问日志的存放路径,日志文件会自动生成在指定目录下。

• ：分别指定错误日志和访问日志的存放路径,日志文件会自动生成在指定目录下。

创建网站目录

按照上面配置文件中指定的

DocumentRoot

路径，创建相应的网站目录，创建

C:/xampp/htdocs/yourdomain

目录，并在该目录下放置你的网站文件,你可以将测试页面或者实际项目文件++到这个目录中。

目录，并在该目录下放置你的网站文件,你可以将测试页面或者实际项目文件++到这个目录中。

修改 hosts 文件

1. 找到 hosts 文件在 Windows 系统中，hosts 文件位于C:\Windows\System32\drivers\etc

   目录下，在 macOS 或 Linux 系统中，路径一般是

   /etc/hosts

   。

2. 。
3. 添加域名映射用文本编辑器打开 hosts 文件,在文件末尾添加以下内容：

0.0.1 yourdomain.com127.0.0.1 www.yourdomain.com
这里的 IP 地址
0.0.1
是本地回环地址，表示将域名指向本地的 XAMPP 服务器，这样，当你在浏览器中访问
yourdomain.com
或
www.yourdomain.com
时，实际++问的就是你在 XAMPP 中设置的本地网站。
时，实际++问的就是你在 XAMPP 中设置的本地网站。
重启 Apache 服务
完成以上配置后，需要重启 Apache 服务，使新的配置生效，在 XAMPP 控制面板中，找到 Apache 服务，点击“Restart”按钮重启服务。
测试新增域名
打开浏览器，在地址栏中输入
http://yourdomain.com
或
http://www.yourdomain.com
，如果一切配置正确，你应该能够看到你在
DocumentRoot
目录下放置的网站内容啦🎉。
目录下放置的网站内容啦🎉。
注意事项
端口冲突80 端口被其他程序占用，可能需要修改 Apache 的监听端口，在httpd.conf
文件中找到
Listen 80
这一行，将端口号修改为其他未被占用的端口，如 8080，然后在
httpd-vhosts.conf
文件和 hosts 文件中也要相应地修改域名映射的端口号。
文件和 hosts 文件中也要相应地修改域名映射的端口号。
权限问题确保 XAMPP 的相关目录和文件具有正确的读写权限，特别是网站文件所在的
DocumentRoot
目录，要保证 Apache 服务能够正常访问和读取其中的文件。
目录，要保证 Apache 服务能够正常访问和读取其中的文件。
SSL 配置（可选）如果你需要使用 HTTPS 协议访问网站，可以进一步配置 SSL，XAMPP 提供了一些简单的 SSL 配置选项,但具体配置过程可能因操作系统和需求而异。
通过以上步骤，你就可以在 XAMPP 中轻松新增域名，为本地网站开发和测试提供更灵活的环境啦😃，无论是个人开发者还是团队协作，都能借助这个方法更高效地进行网站项目的推进，希望这篇指南对你有所帮助，祝你在本地开发中一切顺利🎊！