首先我們要開啟 Apache 的 httpd.conf 設定檔,可以經由 XAMPP 控制面板進入
接下來我們要開啟虛擬網站設定檔 httpd-vhosts.conf,檔案為在 D:\xampp\apache\conf\extra,在此檔案最下方輸入下面這段設定
<VirtualHost *:80> DocumentRoot "D:/xampp/htdocs/host.example.com" ServerName host.example.com ErrorLog "logs/host.example.com-error.log" CustomLog "logs/host.example.com-access.log" common </VirtualHost>
其中的 host.example.com 請換成你想要的網站名稱,這邊特別注意不要與真實存在的網站相同,因為我們接下來還會進行設定讓該往只是連到本機的伺服器來運行
在 D:\xampp\htdocs 中建立 host.example.com 的資料夾,資料夾的完整路徑需要與上面設定中的 DocumentRoot 所設定的路徑相同。
建好資料夾以後我們現在要來修改 hosts 檔案,此檔案位在 C:\Windows\System32\drivers\etc,這邊要注意的是要修改此檔案會觸動 UAC,直接用文字編輯器開啟會無法存檔,建議可以先複製出來到 D 槽,修改完在複製回去
在 hosts 中最下方我們輸入以下內容並存檔
127.0.0.1 host.example.com
跟著利用 XAMPP 控制台將 Apache 重新啟動,然後在 D:\xampp\htdocs\host.example.com 新增一個 index.php 的檔案輸入以下內容
<?php echo "Hello World!!"; ?>
最後在瀏覽器網址列輸入 http://host.example.com/,就會看到下面的畫面了
之後想要新增其他專案的開發環境網站只要重複上述步驟就可以建立獨立的開發網站環境了