如何在同一端口上的一个XAMPP服务器上设置2个域？

Question

我在XAMPP服务器上运行了两个不同的PHP应用程序。

我需要能够使用两个不同的域访问这两个应用程序。

第一个应用程序将是服务器“dev.app”的本地应用程序。 第二个应用程序可从内部网络“staging.domain.com”

访问

服务器的内部IP为10.0.4.18。

在httpd.conf我添加了以下行，以便在10.0.4.18上运行XAMPP

Listen 10.0.4.18:80

此外，在httpd-vhosts.conf我添加了以下代码

#Staging
<VirtualHost *:443>

    DocumentRoot "F:/xampp/htdocs/staging"
    ServerAdmin mikea@domain.com
    ServerName staging.domain.com
    ServerAlias staging.domain.com

    SSLEngine On
    SSLCertificateFile "conf/ssl.crt/server.crt"
    SSLCertificateKeyFile "conf/ssl.key/server.key"

    <Directory "F:/xampp/htdocs/staging">
        AllowOverride All
        Require all Granted
    </Directory>

</VirtualHost>

#dev
<VirtualHost *:443>

    DocumentRoot "F:/xampp/htdocs/dev/public"
    ServerAdmin mikea@domain.com
    ServerName dev.app
    ServerAlias dev.app

    SSLEngine On
    SSLCertificateFile "conf/ssl.crt/server.crt"
    SSLCertificateKeyFile "conf/ssl.key/server.key"

    <Directory "F:/xampp/htdocs/dev/public">
        AllowOverride All
        Require all Granted
    </Directory>

</VirtualHost>

我的主机文件看起来像这样

127.0.0.1        localhost
127.0.0.1        127.0.0.1
10.0.4.18        dev.app

但是，当我从本地服务器的浏览器打开“dev.app”时，它会将我重定向到staging.domain.com。

如何在不干扰的情况下访问这两个域？