原創(chuàng)文章，轉(zhuǎn)載請保留作者信息
?soyaine - http://www.reibang.com/p/10c23f115d62
WampServer 簡單介紹
- WampServer 是用來干嘛的饼齿？
它的名稱來源是 Windows,Apache, MySQL, PHP，集成了這些環(huán)境午阵，從而使前端開發(fā)者可以不去單獨安裝配置即可輕松得到后端環(huán)境废岂。 - 它能帶來什么描融？
平常使用 WebStorm 铝噩，調(diào)試時使用的是 WebStorm 對應的端口號（#研究一下能不能改），而且?guī)в猩矸輼俗R參數(shù)窿克。
WampServer 可以讓我們從這里解放出來骏庸，自由配置所需要的域名及端口，在調(diào)試時更好的模擬實際運行環(huán)境年叮。
基本配置
WampServer的配置
需要注意每次配置之后都需要重新啟動服務方可生效具被。
Apache 配置
- Apache 的配置文件打開方法
- 方法一：
<a id="apache-conf">Apache 配置文件目錄</a>如： E:\wamp\bin\apache\apache2.4.9\conf。
其中的 httpd.conf 文件即是只损。 -
方法二：
托盤右鍵單擊圖標直達后修改一姿，這種方式以記事本打開，換行顯示有些不友好跃惫。
Paste_Image.png - 修改網(wǎng)站根目錄
問題描述：安裝成功后默認情況下訪問 localhost叮叹，訪問的是 Wamp 安裝目錄下的 www 文件夾， 我想把 localhost 訪問的目錄改為我的項目所在文件夾爆存，該如何操作蛉顽？
解決辦法：
假設我的項目文件路徑為——E:/soyaine/site/
- 修改 httpd.conf 中的
DocumentRoot "E:/wamp/www/"
至
DocumentRoot "E:/soyaine/site/"
- 修改此文件夾的訪問權限
需要添加
<Directory "E:/soyaine/site/">
Options Indexes FollowSymLinks
AllowOverride all
Require all granted
</Directory>
具體可參照文檔。
附：我遇到的問題
最開始修改 DocumentRoot先较，訪問時顯示 403 錯誤携冤，于是我添加：
<Directory "E:/soyaine/site/">
Order allow, deny
Allow from all
</Directory>
添加后 Apache 的服務無法啟動悼粮。
問題解決：
查了一下文檔之后發(fā)現(xiàn)，我理解錯了 Allow from all 的使用方法曾棕，它并不是寫在 Directory 下的扣猫，而是直接寫在文檔中，所以直接導致了 Apache 無法啟動翘地。
圖標橙色無法變成綠色的問題排查辦法
托盤圖標的顏色分別代表：
- 綠色：所有服務正常啟動
- 橙色：服務未完全正常啟動
- 紅色：服務未啟動
在確定 Apache 和 MySQL 成功安裝的前提下申尤。
- 檢查 Apache ，80 端口是否被占用
方法一：右鍵單擊托盤圖標衙耕， Apache >> Service >> Test Port 80（測試 80 端口）
方法二：cmd 中輸入netstat -ano瀑凝，會列出端口占用列表及 PID ，根據(jù) PID 可以在任務管理器中找到對應服務臭杰。
任務管理器-服務
- 若端口沖突，可選擇停止占用了 80 端口的服務（常見的有 IIS谚中、Skype渴杆、SQLServer）。
或是在 httpd.conf（文件目錄見上面）中修改 Apache 使用的端口宪塔，查找到##Listen磁奖。
將#Listen 12.34.56.78:80（注釋行）下方的
Listen 0.0.0.0:80
Listen [::0]:80
（假定需要給 Apache 配置 2333 端口號）修改為：
Listen 0.0.0.0:2333
Listen [::0]:2333
此處 2333 應為未被占用過的端口號，任意選一個某筐，你喜歡就好比搭。
保存文件并重啟所有服務，即可通過 http://localhost:2333/ 訪問南誊。
- 檢查 MySQL 是否正常
正常情況下身诺，啟動/繼續(xù)服務的圖標是綠色。
MySQL>>Service
若圖標全部是灰色則表示 MySQL 的服務未安裝抄囚，點擊安裝服務(Install Service)后重啟所有服務即可霉赡。 - 都不起作用的話，查看錯誤日志幔托，Google穴亏。
以上參照了 Fixing the Orange (or Red) Status Icon in WampServer、WampServer orange icon重挑。
