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

我正在处理两个不同的web开发项目，例如A和B。我将所有的project-A文件放在C:\xampp\htdocs\A中，同样地，将所有的project-B文件放在C:\xampp\htdocs\B中。有时我需要在不切换工作空间的情况下处理这两个项目。我一次只能看到一个运行在

localhost:8080

上的网站。如何在不切换工作空间的情况下同时运行两个网站？我想在浏览器中访问网站

A.localhost

和

B.localhost

我做了一些研究，发现XAMPP中有一个称为虚拟主机的概念。但无法正确实现，我也通过本教程尝试了相同的方法，但浏览器显示了

dns\u unresolved\u主机名

问题。有人能提供在XAMPP中实现此设置的确切步骤吗

这是我的项目结构：

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

C:\xampp\htdocs\B-index.html、style.css等，适用于Project B适用于windows

    # 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>

步骤：1
使用任何文本编辑器打开此文件

C:\xampp\apache\conf\extra\httpd vhosts.conf

（不需要管理权限）

---

现在重新启动Xampp

是否修改了

主机

文件？

127.0.0.1  a.localhost
127.0.0.1  b.localhost

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

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

127.0.0.1 project1.test
127.0.0.1 project2.test