聲明:如果只是需要通過localhost來訪問本地站點,則只需要完成第一步即可。
1. 軟件下載與安裝
1.1 WampServer下載
- 官網(wǎng)下載(3.0.6):
www.wampserver.com/en/ - 2.2版本下載:
http://pan.baidu.com/s/1jICDTOU
1.2 軟件安裝
注意:本文所有的步驟都是基于2.2版本,其他版本相關(guān)操作可能有所出入。
2. 正文
2.1 通過localhost以及ip地址來訪問根文件夾
安裝完畢后,單擊任務(wù)欄中的WampServer圖標,點擊localhost就會在瀏覽器中打開默認的根文件夾中index.php文件,顯示如下:
然后進行如下操作(如果出現(xiàn)403 forbidden的情況也不要著急,進行如下的操作即可):
- step1:點擊WampServer圖標,在Apache目錄下找到httpd.conf文件,用記事本打開。
step2:Ctrl+F查找deny,將如下幾個位置的deny改成Allow。
step3:更改完成后Ctrl+S保存,按照如下的步驟重啟Apache:
- step4:在瀏覽器的地址欄中輸入localhost或當前設(shè)備的ip地址就可以訪問到WampServer默認的根文件夾了,在同一局域網(wǎng)下的其他設(shè)備同樣可以通過ip地址訪問到默認文件夾。
ip地址的查看方式:Win+R鍵打開運行,輸入cmd,回車,輸入ipconfig即可看到ip地址。
2.2 更改服務(wù)器默認文件夾
打開httpd.conf文件,查找document.root,將路徑改為你想要設(shè)置的默認路徑,如下:
按照上文提到的方式重啟Apache后在瀏覽器中輸入localhost,就變成了剛剛設(shè)置好的默認文件夾。
2.3 通過域名訪問多個站點
- step1:先在更改后的默認文件夾中新建需要通過域名訪問的站點,每一個站點都是一個獨立的文件夾,如下是我的默認文件夾:
- step2:在httpd.conf文件中Ctrl+F查找virtual hosts,將它下面的Include conf/extra/httpd-vhosts.conf前面的"#"(下圖紅色方框)去掉,保存。
-
step3:在安裝路徑下的wamp\bin\apache\Apache2.2.21\conf\extra路徑中打開httpd-vhosts.conf文件,添加localhost,如下:
在vhost中添加localhost
然后添加你想通過域名訪問的站點,示例如下:
- step4:最后一步,找到C:/Windows/System32/drivers/etc 下的host文件,一般可以看到最下方有一個127.0.0.1對應(yīng)一個localhost域名,我們需要將剛剛添加的兩個localhost和兩個域名都添加到最下面,對應(yīng)我之前進行的操作,就是添加如下內(nèi)容:
127.0.0.1 localhost
127.0.0.1 localhost
127.0.0.1 alicloud-home.com
127.0.0.1 www.alicloud-home.com
效果如下:
然后按照之前的步驟重啟Apache,就可以在瀏覽器的地址欄中通過之前設(shè)定的域名訪問默認文件夾中的網(wǎng)站了。
大功告成。
注:通過改hosts文件實現(xiàn)域名訪問本地文件的原理:當用戶在地址欄中輸入要訪問的網(wǎng)址時,瀏覽器首先會在hosts文件中查找,如果有對應(yīng)的域名,則會優(yōu)先訪問該域名所指向的本地文件。如果沒有,瀏覽器才會去網(wǎng)絡(luò)中查找有沒有對應(yīng)的域名。