當前位置:
首頁 > 最新 > XAMPP搭建本地虛擬域名

XAMPP搭建本地虛擬域名

這是 MrY青年路 的第

23期分享

作者 l MrY青年路

2215字 六分鐘看完

這是我要作為windows下的搭建網站的開發環境,因好久沒敲代碼了,所以剛開始就遇到了這個本地虛擬域名的設置問題;做一下總結。

在這之前先普及幾個概念:IP - DNS - 域名

IP地址:每個連接到Internet上的主機都會分配一個IP地址,IP地址是用來唯一標識互聯網上計算機的邏輯地址,機器之間的訪問就是通過IP地址來進行的。IP地址採用二進位的形式表示的話很長,比較麻煩,為了便於使用,IP地址經常被寫成十進位的形式,用「.」分開,叫做「點分十進位表示法」,

如:本地IP地址:127.0.0.1 (唯一性)

域名:IP地址畢竟是數字標識,使用時不好記憶和書寫,因此在IP地址的基礎上又發展出一種符號化的地址方案,來代替數字型的IP地址。每一個符號化的地址都與特定的IP地址對應。這個與網路上的數字型IP地址相對應的字元型地址,就被稱為域名。

如:www.baidu.com (可設置多個指向同一IP) 簡單來說:域名就是一個網站的網址(URL:統一資源定位符(英語UniformResourceLocator的縮寫)俗稱為網址,網址格式為:://:/。://是必需的,/有時可省略)。

DNS:在Internet上域名與IP地址之間是一對一(或者多對一)的,域名雖然便於人們記憶,但機器之間只能互相認識IP地址,它們之間的轉換工作稱為域名解析,域名解析需要由專門的域名解析伺服器來完成,DNS就是進行域名解析的伺服器。域名的最終指向是IP。(解析IP和域名能對應連接)

XAMPP本地虛擬域名搭建步驟:

1、設置本地IP的對應域名

修改文件地址:C:WindowsSystem32driversetchosts

(注意:一般情況下可能直接修改之後無法保存,建議複製到桌面,修改之後又複製到原位置)

如圖設置:

2、綁定域名

修改文件地址:F:xamppapacheconfextrahttpd-vhosts.conf

(xampp安裝在那個盤裡就去哪個盤找,我的是F盤)

去掉「 # 」號,使用與apache對應的80埠;(我的80埠被佔用了,這個後面講埠被佔用的問題)

修改下面的配置:

#管理員郵箱,可省略

#根目錄*(代碼的位置,這個位置可在配置文件里修改:httpd.conf,後面講)

DocumentRoot "F:/xampp/htdocs/tp5/baid.com"

#域名*

ServerName tp5.com

#多域名列表,可省略

#錯誤日誌,可省略(根據需求可配置)

#運行日誌,可省略(根據需求可配置)

註:配置完成之後重啟Apache,基本就配置完成了。

現在額外分享兩個部分需要注意的部分:

1、默認埠被佔用。默認是80、443埠,但是我在自行配製過程中,出現埠被佔用的情況,最好的解決辦法是,卸載重新安裝XAMPP

如果是剛安裝上就被佔用了;

辦法一、查看80和443埠被那個應用佔用了,關掉應用或者卸載其應用,但是下次重啟一般情況下都會有問題;這種辦法不可取

辦法二、將默認埠修改為其他埠,重啟Apache。

具體操作如下:打開XamppControle Panel界面,點擊程序界面上的【config】按鈕,在新窗口中點擊【server and por setting】,在設置窗口上輸入對應的對應的埠,需要記得通常情況下80埠及443埠可以一起修改,同時將兩個設置為801和4431(可自定義埠,並記住修改後的埠,接下來會用到)

配置好後點擊保存,返回到主頁面,接下來修改程序下的配置文件,點xampp後的config,需要注意的是80埠及443埠需要分別設置

點擊Apache (httpd.conf)打開配置文件後,直接使用搜索功能找到80埠的配置,將埠修改為801(之前步驟二中修改的);

點擊Apache (httpd-ssl.conf)打開配置文件後,直接使用搜索功能找到443埠的配置,將埠修改為4431(之前步驟二中修改的);

找到文件 Ctrl+F 可快速找到

修改並保存成功之後,重啟Apache就可以了。

注意:修正之後將配置虛擬域名文件裡面的80 也改為801(就是下面這一步)

2、修改默認htdocs文件位置

打開httpd.conf文件,搜索關鍵字documentroot,修改對應文件目錄,保存即可!(按圖所示操作即可)

注意:這個位置修改了,虛擬域名文件位置就需要修改一下;

文章參考來自網路整理:1024實驗室


喜歡這篇文章嗎?立刻分享出去讓更多人知道吧!

本站內容充實豐富,博大精深,小編精選每日熱門資訊,隨時更新,點擊「搶先收到最新資訊」瀏覽吧!


請您繼續閱讀更多來自 MrY青年路 的精彩文章:

TAG:MrY青年路 |