前端開發中使用mac自帶apache服務

場景

前端開發中，總是會有這樣的需求，就是快速的寫一個腳本，或者一個簡單的demo頁面。這時，我們需要馬上可以啟動一個web服務，來支援開發。

我們可以安裝一個全局的cli工具，通過node服務來滿足需求，這類工具很多，不必多說。實際上，多數前端開發者都使用mac，mac os作業系統上其實就已經安裝了apache服務。

我們僅僅隻需要略做配置上的修改，就可以直接使用這一服務，而它可提供的服務功能，遠比其它cli工具強大的多。

啟動服務

我們使用如下指令來啟動或停止apache服務

啟動服務            sudo apachectl start 
重新開機服務            sudo apachectl restart
關閉服務            sudo apachectl stop
           

我們先執行[啟動服務]，執行完成後，沒有什麼提示。這時在浏覽器中打開[http://localhost]已經可以顯示[it works!]。但是，我們仍然需要來驗證一下。

在mac中，apache的預設啟用服務的目錄在

cd Library/WebServer/Documents
           

進入之後，我們建立一個測試頁，test.html。然後在浏覽器通路[http://localhost/test.html]，就可以顯示test.html中的内容，這證明，我們的服務啟用成功

更換服務目錄

apache的預設服務目錄，顯然并不是我們希望使用的目錄。這時，就需将其切換到我們常用的開發目錄上。

我們需要打開apache的配置檔案，如下

sudo vim /etc/apache2/httpd.conf
           

然後，需要找到進行配置的地方，在如下的位置。将你的本地開發目錄替換之即可。由于httpd.conf檔案較大，最好可以拖入編輯器中，再進行替換。

DocumentRoot "/Library/WebServer/Documents"
<Directory "/Library/WebServer/Documents">
           

最後，将apache服務關閉，再重新啟動，即可生效

最後

需要注意的是，apache預設啟用的是80端口，如果需要另外的配置，可以修改httpd.conf配置檔案。

好了，萬事開頭難，現在可以開始你的探索之旅了！