CI4 virtual host problem

The docs states in "Codeigniter4 overview / Application structure / public" that 

"This folder is meant to be the “web root” of your site, and your web server would be configured to point to it.

So I have setup a virtual host like this for my project "ci4" that resides in htdocs of my xampp installation. I am on windows 10.

httpd-vhosts.conf

Code:

NameVirtualHost *:80

<VirtualHost *:80>
DocumentRoot "c:/xampp/htdocs/ci4/public"
ServerName ci4.local
<Directory "c:/xampp/htdocs/ci4/public">
</Directory>
</VirtualHost>

hosts

Code:

127.0.0.1       localhost
::1             localhost
127.0.0.1     ci4.local

I can now enter my codeigniter project by requesting "ci4.local/". That works fine. But when I try to visit xampp's dashboard by requesting simply "localhost" I am served codeigniter's welcome page. What is wrong?

you have set multiple virtual host but different ServerName, like this:

httpd-vhosts.conf

Code:

NameVirtualHost *:80

<VirtualHost *:80>
DocumentRoot "c:/xampp/htdocs/localhost/public"
ServerName localhost
<Directory "c:/xampp/htdocs/localhost/public">
</Directory>
</VirtualHost>

<VirtualHost *:80>
DocumentRoot "c:/xampp/htdocs/ci4/public"
ServerName ci4.local
<Directory "c:/xampp/htdocs/ci4/public">
</Directory>
</VirtualHost>