如何配置虚拟主机在 Xampp 的 htdocs 目录下工作？

Question

我正在关注 laravel 教程，其中导师设置了一个虚拟主机来运行他们的应用程序。 该应用程序位于/opt/lampp/htdocs/first-app 。 我运行 apache 的端口是8000 。 所以如果我访问localhost:8000/first-app/public ，我可以查看我的 Laravel 应用程序。

我的 httpd-vhosts.conf 文件如下所示：

<VirtualHost *:8000>
    ServerAdmin webmaster@dummy-host.example.com
    DocumentRoot "/opt/lampp/htdocs"
    ServerName localhost
    ServerAlias www.localhost
</VirtualHost>

<VirtualHost *:8000>
  DocumentRoot "/opt/lampp/htdocs/first-app/public"
  ServerName app.test
  ServerAlias www.app.test

  <Directory "/opt/lampp/htdocs/first-app">
    Options All
    AllowOverride All
    Require all granted
  </Directory>
</VirtualHost>

我的 /etc/hosts 文件如下所示：

127.0.0.1       localhost app.test
::1             localhost app.test
127.0.1.1       pop-os.localdomain      pop-os
127.0.0.1       app.test

我像这样取消了 httpd.conf 的注释

# Virtual hosts
Include etc/extra/httpd-vhosts.conf

但是当我访问 app.test 时我得到了这个

访问 app.test 时的浏览器输出

我究竟做错了什么？

编辑：我发现，如果我访问 www.app.test:8000，它工作正常

Answer 1

刚刚发现浏览器自动添加了80端口，所以由于我在8000端口上运行apache，所以需要指定。

因此，上面的设置确实有效。 我所要做的就是访问http://localhost:8000或http://127.0.0.1:8000