虚拟主机名返回 Apache2 的默认本地主机，而不是指定目录

Question

我一直在为我正在尝试开始的 yii2 高级应用程序项目设置虚拟主机名时遇到问题。

我为要服务的前端和后端设置了 httpd-vhosts.conf。 该设置如下所示：

<VirtualHost *:8080>
        ServerName testcodetube.test
        DocumentRoot "C:\xampp\htdocs\TestCodeTube\frontend\web"
        
        <Directory "C:\xampp\htdocs\TestCodeTube\frontend\web">
            # use mod_rewrite for pretty URL support
            RewriteEngine on
            # If a directory or a file exists, use the request directly
            RewriteCond %{REQUEST_FILENAME} !-f
            RewriteCond %{REQUEST_FILENAME} !-d
            # Otherwise forward the request to index.php
            RewriteRule . index.php

            # use index.php as index file
            DirectoryIndex index.php

            # ...other settings...
            # Apache 2.4
            Require all granted
            
            ## Apache 2.2
            # Order allow,deny
            # Allow from all
        </Directory>
    </VirtualHost>
    
<VirtualHost *:8080>
        ServerName studio.testcodetube.test
        DocumentRoot "C:\xampp\htdocs\TestCodeTube\backend\web"
        
        <Directory "C:\xampp\htdocs\TestCodeTube\backend\web">
            # use mod_rewrite for pretty URL support
            RewriteEngine on
            # If a directory or a file exists, use the request directly
            RewriteCond %{REQUEST_FILENAME} !-f
            RewriteCond %{REQUEST_FILENAME} !-d
            # Otherwise forward the request to index.php
            RewriteRule . index.php

            # use index.php as index file
            DirectoryIndex index.php

            # ...other settings...
            # Apache 2.4
            Require all granted
            
            ## Apache 2.2
            # Order allow,deny
            # Allow from all
        </Directory>
 </VirtualHost> 

我还编辑了当前看起来像这样的主机文件：

# Added by Docker Desktop
192.168.130.59 host.docker.internal
192.168.130.59 gateway.docker.internal
# To allow the same kube context to work on the host and the container:
127.0.0.1 kubernetes.docker.internal
# End of section
127.0.0.2 testcodetube.test
127.0.0.2 studio.testcodetube.test 

所以现在奇怪的是，当我在搜索栏中输入 testcodetube.test 或 studio.testcodetube.test 时，它会将我重定向到默认的 Windows 本地主机页面（所有问候语都是多种语言），而不是我指定的目录.

如果我输入 localhost:8080 或 127.0.0.2:8080 它会提供正确的目录。 此外，如果我对 testcodetube.test 或 studio.testcodetube.test 执行 ping 操作，我会得到一个成功的回复：

C:\xampp\htdocs>ping testcodetube.test

Pinging testcodetube.test [127.0.0.2] with 32 bytes of data:
Reply from 127.0.0.2: bytes=32 time<1ms TTL=128
Reply from 127.0.0.2: bytes=32 time<1ms TTL=128
Reply from 127.0.0.2: bytes=32 time<1ms TTL=128
Reply from 127.0.0.2: bytes=32 time<1ms TTL=128

我对此很陌生，所以我可能完全错了，但我很困惑它如何知道如何根据主机文件与正确的端口进行通信，因为输入虚拟主机名似乎会返回由127.0.0.2（默认）而不是 127.0.0.2:80。 所以对我来说，问题似乎是它没有与正确的端口通信，但我不确定如何修复它。

任何建议将不胜感激。