xampp 是一個很是方便的本地 apache + php + mysql 的調試環境,在本地安裝測試 WordPress 等各類博客、論壇程序很是方便。今天咱們來給你們介紹一下,如何使用 XAMPP 在本地進行安裝多個網站。php
通常狀況下,咱們只須要網站程序放到 xampp/htdoc 目錄下,而後在瀏覽器裏輸入 ip 地址 http://127.0.0.1/ 或者輸入域名 http://localhost/ 就能夠了。可是這樣咱們只能使用一個程序,創建一個網站。若是咱們想要測試測試不一樣的程序,好比一個WordPress的網站,一個Discuz!的論壇,再加上一個ShopEx的網店,那就比較麻煩了。咱們這篇文章,就給你們介紹一下,如何在 xampp 中添加多站點支持,讓你能夠很方便地安裝多個網站。html
好比說,咱們想要在本地安裝兩個測試域名,www.abc.tld, www.xyz.tld, 分別指向到 htdoc 目錄下的 abc.tld 和 xyz.tld 文件夾下。tld 是頂級域名 the top domain 的縮寫。若是你喜歡,也能夠用 abc.com, abc.net 這樣的頂級域名來代替。這裏使用 tld 主要是爲了不和真實域名衝突。mysql
和正常的域名同樣,這兩個域名並不存在,咱們也須要進行解析;不然瀏覽器不知道去哪兒找到服務器。咱們來使用本地 hosts 文件來解決這個問題。這個文件用來指定域名和ip地址之間的映射關係。當你要在瀏覽器中要輸入一個網站進行訪問的時候,瀏覽器會向本地網絡的dns服務器發出域名解析請求。可是在發出解析請求以前,首先會在hosts文件中查找是否有解析記錄;若是有域名的記錄,則使用該記錄進行訪問。所以,這個文件至關於域名解析的高速緩存文件。sql
Hosts 文件保存在 C:WindowsSystem32driversetc 目錄下,無擴展名,使用文本編輯器(記事本,emeditor,UltraEdit等)能夠打開編輯;若是是 Windows Vista 或者 Windows 7 ,須要首先使用管理權權限打開記事本。apache
而後,咱們在文件最後面添加兩行域名解析記錄,每行一個域名。前面爲ip地址,空間用空格或者製表符隔開,後面是域名:瀏覽器
127.0.0.1 www.abc.tld緩存
127.0.0.1 www.xyz.tld服務器
以下圖所示:網絡
而後保存該 hosts 文件。dom
咱們在 xampp/htdocs 目錄下創建兩個文件夾,分別命名爲 www.abc.tld 和 www.xyz.tld 。這裏文件目錄的名字設置爲域名格式是爲了便於區分,並不是強制要求;只要目錄名和後面的設置一致便可。
咱們在 www.abc.tld 目錄中添加一個 index.html 文件,內容以下:
<html> <h1>Welcome to www.ABC.tld</h1> </html>
在 www.xyz.tld 目錄中也添加一個一樣的 index.html 文件,將其中 ABC 替換爲 XYZ 便可。
說明一下,這個 index.html 文件並不符合 HTML 規範,只是最後用來驗證咱們的多域名支持成功與否。
如今歲最關鍵的一步,要集中注意力了哦。咱們來讓 apache 中綁定多個域名,支持多個站點的訪問。使用文件編輯器打開文件 xamppapacheconfextrahttpd-vhosts.conf 。
首先找到 NameVirtualHost *:80 ;去掉前面的註釋符號 # 。若是沒有這一行,就本身添加一行。
而後添加如下代碼:
<VirtualHost *:80> ServerAdmin postmaster@abc.tld DocumentRoot "/xampp/htdocs/www.abc.tld" ServerName www.abc.tld ErrorLog "logs/www.abc.tld-error.log" CustomLog "logs/www.abc.tld-access.log" combined </VirtualHost> <VirtualHost *:80> ServerAdmin postmaster@xyz.tld DocumentRoot "/xampp/htdocs/www.xyz.tld" ServerName www.xyz.tld ErrorLog "logs/www.xyz.tld-error.log" CustomLog "logs/www.xyz.tld-access.log" combined </VirtualHost>
添加以後,保存該文件。httpd-vhosts.conf 中代碼以下圖:
攝製完成以後,從新啓動 apache 服務,從新打開瀏覽器。並在瀏覽器中分別輸入 http://www.abc.tld 和 http://www.xyz.tld ,能夠分別看到如下結果:
設置以後,在瀏覽器裏分別輸入 http://www.abc.tld 和 http://www.xyz.tld ,就會顯示不一樣的內容。若是你看到內容和上圖同樣,那說明你的 xampp 支持多域名已經設置成功了。不然,請從頭檢查,看看什麼地方設置出錯了 。