設定XAMPP虛擬主機

當使用XAMPP做為網站測試平台，有時可能會設定不同的網站
而預設XAMPP的根目錄是/xampp/htdocs/，如果將網站放到此目錄下
例如/xampp/htdocs/web，那打開該網站時，路徑會變成htpp://website/web
會多出/web這個目錄名稱，如果不想多出這個名稱，可以用以下方法達成

修改/xampp/apache/conf/extra/httpd-vhosts.conf

於最下方先新增兩個規則localhost和127.0.01

NameVirtualHost *:80
##增加localhost規則，否則localhost不用使用
<VirtualHost *:80>
    ServerAdmin webmaster@localhost.com
    DocumentRoot "/xampp/htdocs/"
    ServerName localhost
    ServerAlias www.localhost.com
    ErrorLog "logs/localhost.com-error.log"
    CustomLog "logs/localhost.com-access.log" common
</VirtualHost>

##增加127.0.0.1規則，否則127.0.0.1不用使用
<VirtualHost *:80>
    ServerAdmin webmaster@127.0.0.1
    DocumentRoot "/xampp/htdocs/"
    ServerName 127.0.0.1
    ErrorLog "logs/127.0.0.1-error.log"
    CustomLog "logs/127.0.0.1-access.log" common
</VirtualHost>

再針對要測試的網站做設定，例如網站為www.example.com，存放路徑為/xampp/htdocs/example/，則新增規則如下

<VirtualHost *:80>
    ServerAdmin webmaster@example.com
    DocumentRoot "/xampp/htdocs/example/"
    ServerName example.com
    ServerAlias www.example.com
    ErrorLog "logs/example.com-error.log"
    CustomLog "logs/example.com-access.log" common
</VirtualHost>

完成後再去執行www.example.com，應該會直接顯示為www.example.com，而不是www.example.com/example了。