網站架設教學 - Xampp 安裝 & 設定虛擬網域 (vhost)

2024-04-11

Article outline

一、架設 Web Server

1. 1. 安裝 Xampp  https://www.apachefriends.org/download.html
2. 2. 安裝完成後開啟 Xampp 控制面版(Control Panel)
3. 3. 啟動Apache
4. 4. 開啟網頁，網址輸入127.0.0.1 看看是否啟動成功

 

二、設定 vhost (虛擬網域)

1. 1. 開啟 Xampp 控制面版(Control Panel)
2. 2. 開啟檔案，{你的Xampp安裝路徑}\xampp\apache\conf\extra\httpd-vhosts.conf
3. 3. 在檔案最後，加上以下設定值，並儲存

<VirtualHost {你的網域名稱}:80>

    DocumentRoot "{你的專案資料夾}"

    ServerName {你的網域名稱}

</VirtualHost>

4.  
5. 4. 開啟檔案，C:\Windows\System32\drivers\etc\hosts
6. 5. 在檔案最後，加上以下設定值，並儲存

127.0.0.1         {你的網域名稱}

ps. 如果無法儲存可能是檔案權限問題，請打開檔案修改寫入權限，再重新修改儲存

6.  
7. 6. 開啟 Xampp 控制面版，重新啟動 Apache
8. 7. 開啟網站，網址輸入{你的網域名稱}，看看是否能正常瀏覽

 

更多網站架設教學：2022初學者網站架設完整教學，5大免費網站架設平台推薦，5步驟架好網站！

---

Related information

• 網站架設之於開發者的第一步－XAMPP-VM for Mac 新手入門簡易教學
• 網站架設 - xampp x laravel 框架
• 網站架設教學：如何更新 XAMPP 的 PHP 版本？ - 以 PHP 7.2 為例
• 虛擬主機、虛擬專屬主機(VPS)、雲端主機、實體主機傻傻分不清楚嗎?又該怎麼選擇虛擬主機方案呢?

Other Articles

• Rwd響應式網站有多重要?
• 電商網站設計４大重點，一篇搞懂如何設計架設電商網站，開啟電商之路！
• 檔案管理模組
• 2023網站資安防護-當網站遇到詐騙或攻擊訊息時該怎麼辦呢？3大防詐騙方法及安全防禦步驟一次看！
• 【Wix教學】教您如何用Wix架設屬於自己的免費網站