前端開發中使用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配置檔案。

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