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

龍旗飄揚的艦隊發表於2019-03-05

場景

前端開發中,總是會有這樣的需求,就是快速的寫一個指令碼,或者一個簡單的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配置檔案。

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

相關文章