XAMPP 配置虚拟站点

在开发环境中，为了方便我们管理多个开发项目，让站点更加接近真实，就需要我们配置相关文件来设置虚拟站点。

相关文件

• xampp 虚拟环境
• hosts 文件
• http-vhosts.conf 文件
• httpd.conf 文件

修改配置

1. 安装 xampp 环境（非常简单，不作介绍），在浏览器中输入:localhost 能正常访问，如图：
   

2. 在电脑中找到 hosts 文件，路径为：C:\Windows\System32\drivers\etc\HOSTS 将 HOSTS 文件中对应 127.0.0.1 加入你要设置的域名，如下图：
   

3. 找到xampp的安装目录，并按照路径：xampp\apache\conf\httpd.conf 找到httpd.conf 文件，并在文件中找到 Include conf/extra/httpd-vhosts.conf 确认前面没有加# 如下图：
   

4. 按照路径：xampp\apache\conf\extra\httpd-vhosts.conf 找到httpd-vhosts.conf 文件并在此文件末尾添加内容：

   <VirtualHost *:80>
   DocumentRoot “C:\xampp\htdocs\lv-project\public”
   ServerName www.dev.com
   

5. 完成以上设置，在浏览器地址栏中输入：www.dev.com 就能看到配置的虚拟目录成功了，如下图：
   

《------------ END ------------》