XAMPP + localhost でポート毎にディレクトリを分ける

apache

C:\xampp\apache\conf\httpd.conf

次の記述で Listen するポートを増やす。

Listen 80
Listen 8081

C:\xampp\apache\conf\extra\httpd-vhosts.conf

次の記述でポートとディレクトリを紐づける。

NameVirtualHost *:8081
<VirtualHost *:8081>
    DocumentRoot "D:/Dropbox/dev/wordpress"
    ServerName localhost
    ServerAlias localhost
    <Directory "D:/Dropbox/dev/wordpress">
        AllowOverride All
        Options None
        Require all granted
    </Directory>
</VirtualHost>

Apache の再起動

XAMPP Control Panel の Apache を Stop 押して Start 押して再起動する。

表示の確認

ブラウザーで localhost:8081 にアクセスすると、対象ディレクトリのコンテンツが表示される。