How to setup xampp with multiple ports [Windows]

xampp default port is 80 and 443 if you have many project and want to setup project with difference port in xampp called “Virtual Hosts” this is how to setup virtual host in xampp for difference port.

  1. Update “C:\xampp\apache\conf\httpd.conf” add new listening port.
Listen 80
Listen 81 // new listening port

2. Update “C:\xampp\apache\conf\extra\httpd-vhosts.conf” add new virtual host config.

<VirtualHost *:81> 
DocumentRoot "C:\xampp\htdocs\mywebsite"
ServerName 127.0.0.1:81
    <Directory "C:\xampp\htdocs\mywebsite">
Options -Indexes +FollowSymLinks +MultiViews
AllowOverride All
Require all granted
</Directory>
LogFormat "%h %l %u %t \"%r\" %>s %b \"%{Referer}i\" \"%{User-agent}i\"" combined
SetEnvIf Request_URI "(\/assets\/)" dontlog
CustomLog C:\xampp\Apache24\logs\myweb-access.log combined env=!dontlog
ErrorLog C:\xampp\Apache24\logs\myweb-error.log
</VirtualHost>

3. Update “C:\Windows\System32\drivers\etc\hosts” add new host and port in this file.

# 127.0.0.1       localhost
# ::1 localhost
127.0.0.1 127.0.0.1:81 // host with new port.

4. Restart apache again and test a new address in browser.