使用WampServer搭建本地服務(wù)器完整教程

聲明:如果只是需要通過localhost來訪問本地站點,則只需要完成第一步即可。

1. 軟件下載與安裝

1.1 WampServer下載
1.2 軟件安裝

注意:本文所有的步驟都是基于2.2版本,其他版本相關(guān)操作可能有所出入。

2. 正文

2.1 通過localhost以及ip地址來訪問根文件夾

安裝完畢后,單擊任務(wù)欄中的WampServer圖標,點擊localhost就會在瀏覽器中打開默認的根文件夾中index.php文件,顯示如下:

index.php

然后進行如下操作(如果出現(xiàn)403 forbidden的情況也不要著急,進行如下的操作即可):

  • step1:點擊WampServer圖標,在Apache目錄下找到httpd.conf文件,用記事本打開。
httpd.conf的位置
  • step2:Ctrl+F查找deny,將如下幾個位置的deny改成Allow。

  • step3:更改完成后Ctrl+S保存,按照如下的步驟重啟Apache:

重啟Apache
  • step4:在瀏覽器的地址欄中輸入localhost或當前設(shè)備的ip地址就可以訪問到WampServer默認的根文件夾了,在同一局域網(wǎng)下的其他設(shè)備同樣可以通過ip地址訪問到默認文件夾。

ip地址的查看方式:Win+R鍵打開運行,輸入cmd,回車,輸入ipconfig即可看到ip地址。

2.2 更改服務(wù)器默認文件夾

打開httpd.conf文件,查找document.root,將路徑改為你想要設(shè)置的默認路徑,如下:

更改根文件夾位置01
更改根文件夾位置02

按照上文提到的方式重啟Apache后在瀏覽器中輸入localhost,就變成了剛剛設(shè)置好的默認文件夾。

2.3 通過域名訪問多個站點
  • step1:先在更改后的默認文件夾中新建需要通過域名訪問的站點,每一個站點都是一個獨立的文件夾,如下是我的默認文件夾:
根文件夾
  • step2:在httpd.conf文件中Ctrl+F查找virtual hosts,將它下面的Include conf/extra/httpd-vhosts.conf前面的"#"(下圖紅色方框)去掉,保存。
刪除Include前面的"#"
  • step3:在安裝路徑下的wamp\bin\apache\Apache2.2.21\conf\extra路徑中打開httpd-vhosts.conf文件,添加localhost,如下:


    在vhost中添加localhost

然后添加你想通過域名訪問的站點,示例如下:

添加域名.PNG
  • 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

效果如下:


對host文件進行更改

然后按照之前的步驟重啟Apache,就可以在瀏覽器的地址欄中通過之前設(shè)定的域名訪問默認文件夾中的網(wǎng)站了。

大功告成。

注:通過改hosts文件實現(xiàn)域名訪問本地文件的原理:當用戶在地址欄中輸入要訪問的網(wǎng)址時,瀏覽器首先會在hosts文件中查找,如果有對應(yīng)的域名,則會優(yōu)先訪問該域名所指向的本地文件。如果沒有,瀏覽器才會去網(wǎng)絡(luò)中查找有沒有對應(yīng)的域名。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容