如何在XAMPP中設置多個網站

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

1. 在 hosts 文件中設置域名解析

和正常的域名同樣,這兩個域名並不存在,咱們也須要進行解析;不然瀏覽器不知道去哪兒找到服務器。咱們來使用本地 hosts 文件來解決這個問題。這個文件用來指定域名和ip地址之間的映射關係。當你要在瀏覽器中要輸入一個網站進行訪問的時候,瀏覽器會向本地網絡的dns服務器發出域名解析請求。可是在發出解析請求以前,首先會在hosts文件中查找是否有解析記錄;若是有域名的記錄,則使用該記錄進行訪問。所以,這個文件至關於域名解析的高速緩存文件。sql

Hosts 文件保存在 C:WindowsSystem32driversetc 目錄下,無擴展名,使用文本編輯器(記事本,emeditor,UltraEdit等)能夠打開編輯;若是是 Windows Vista 或者 Windows 7 ,須要首先使用管理權權限打開記事本。apache

screenshot-0920-6

而後,咱們在文件最後面添加兩行域名解析記錄,每行一個域名。前面爲ip地址,空間用空格或者製表符隔開,後面是域名:瀏覽器

127.0.0.1 www.abc.tld緩存

127.0.0.1 www.xyz.tld服務器

以下圖所示:網絡

screenshot-0929-10

而後保存該 hosts 文件。dom

2. 在 htdocs 目錄下添加兩個文件夾

咱們在 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 規範,只是最後用來驗證咱們的多域名支持成功與否。

3. 在 apache 中添加多域名支持

如今歲最關鍵的一步,要集中注意力了哦。咱們來讓 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 中代碼以下圖:

screenshot-0929-12

4. 重啓 Apache 並驗證多域名

攝製完成以後,從新啓動 apache 服務,從新打開瀏覽器。並在瀏覽器中分別輸入 http://www.abc.tld 和 http://www.xyz.tld ,能夠分別看到如下結果:

screenshot-0929-16

設置以後,在瀏覽器裏分別輸入 http://www.abc.tld 和 http://www.xyz.tld ,就會顯示不一樣的內容。若是你看到內容和上圖同樣,那說明你的 xampp 支持多域名已經設置成功了。不然,請從頭檢查,看看什麼地方設置出錯了 。

相關文章
相關標籤/搜索