如何在xampp中运行两个本地web开发项目

Question

我正在从事两个不同的web开发项目，比如A和B。我把所有的项目--A文件放在C:\xampp\htdocs\A中，还有类似的所有项目--B文件放在C:\xampp\htdocs\B中。有时，我需要在这两个项目上工作，而不需要切换工作空间。我能够看到网站运行在localhost:8080上一次一个。如何在不切换工作空间的情况下同时运行两个网站？我想在浏览器中访问网站A.localhost和B.localhost？

我做了一些研究，发现在XAMPP中有一个叫做虚拟主机的概念。但无法正确实现，也通过本教程尝试了同样的，但浏览器显示了dns_unresolved_hostname问题。有人能提供在XAMPP中实现此设置的确切步骤吗？

这是我的项目结构：

C:\xampp\htdocs\A - index.html，style.css等用于ProjectA

C:\xampp\htdocs\B - index.html，style.css等用于ProjectB

Answer 1

    # Setup Listening Port
NameVirtualHost *:8080

# Ensure "localhost" is preserved
<VirtualHost *:8080>
    ServerName a.localhost
    DocumentRoot "C:\xampp\htdocs"
</VirtualHost>

# Setup "a.localhost" Virtual Host
<VirtualHost *:8080>
    ServerName b.localhost
    DocumentRoot "C:\xampp\htdocs\B"

    <Directory "C:\xampp\htdocs\B">
        Options Indexes FollowSymLinks Includes
        AllowOverride All
        Order allow,deny
        Allow from all
    </Directory>
</VirtualHost>
# Setup "a.localhost" Virtual Host
<VirtualHost *:8080>
    ServerName a.localhost
    DocumentRoot "C:\xampp\htdocs\A"

    <Directory "C:\xampp\htdocs\A">
        Options Indexes FollowSymLinks Includes
        AllowOverride All
        Order allow,deny
        Allow from all
    </Directory>
</VirtualHost>

并打开C:\windows\system32\drivers\etc\hosts，在末尾添加这些行

127.0.0.1  a.localhost
127.0.0.1  b.localhost

Answer 2

适用于窗户

步骤: 1

使用任何文本编辑器C:\xampp\apache\conf\extra\httpd-vhosts.conf打开此文件(不需要管理权限)

<VirtualHost *:80>
   DocumentRoot "C:\xampp\htdocs\project1\public"
   ServerName project1.test
</VirtualHost>

<VirtualHost *:80>
   DocumentRoot "C:\xampp\htdocs\project2\public"
   ServerName project2.test
</VirtualHost>

步骤: 2

使用任何文本编辑器C:\Windows\System32\drivers\etc\hosts (所需的管理权限)打开此文件

127.0.0.1 project1.test
127.0.0.1 project2.test

现在重新启动Xampp