# Xampp Apache ServerName Setting

因為在工作上需要切換不同的專案(檔案)，在 local 端是使用 Apache 把 server build 起來。記錄一下新增 ServerName 的做法，一開始自己打算換 port，例如 default port 是 `80`，我再新增一個 `90` 做切換，但發現瀏覽器不會自動帶上 port，總是預設帶 `80`，專案之間若有些相同的路徑，就會回到 `80` 上的頁面，請教後端同事後，發現只要改 Server name 即可，以網址列做切換就可以了！

> ### 首先去`C:\Windows\System32\drivers\etc` 中的 `hosts` 新增

127.0.0.1	productA.local
127.0.0.1	productB.local

> ### 接著到`..\xampp\apache\conf\extra`下的 `httpd-vhosts.conf` 中
新增一個 VirtualHost(port 預設是80):

<VirtualHost *:80>
	DocumentRoot "../xampp/htdocs/productBName"
    ServerName productB.local
    ErrorLog "logs/dummy-host2.example.com-error.log"
    CustomLog "logs/dummy-host2.example.com-access.log" common
</VirtualHost>

<VirtualHost *:80>
	DocumentRoot "../xampp/htdocs/productAName"
    ServerName productA.local
    ErrorLog "logs/dummy-host2.example.com-error.log"
    CustomLog "logs/dummy-host2.example.com-access.log" common
</VirtualHost>

重開 XAMPP Control Panel，到瀏覽器網址列分別輸入 -> productA.local || productB.local
成功~~~