目錄

基礎部分

1
2
3
4

啟動服務器
添加自定義文檔到本地服務器
查看自定義效果
手機/其他電腦 訪問本機服務器

說明：本地開發需要搭建本地服務器進行頁面的調試，mac系統自帶apache服務，本篇日志是針對於mac系統搭建自己的本地服務器教程。

1- 啟動服務器

1
2
3

sudo apachectl start 啟動
sudo apachectl restar 重新啟動
sudo apachectl stop 停止

打開終端：執行 sudo apachectl start 啟動服務器，打開瀏覽器，地址欄輸入：127.0.0.1,如果頁面出現 it works，則代表訪問成功。這也是系統默認的內容。如何讓瀏覽器渲染自己自定義的文檔呢？見下一步。

2- 添加文檔到本地服務器

系統Apache服務器的默認的文檔地址是： /Library/WebServer/Documents
添加自己的文檔（如下圖畫紅框處）到此目錄下，注意替換掉原來的index.html文檔，這是默認的入口文檔。

大專欄  mac搭建本地服務器E7%9C%8B%E8%87%AA%E5%AE%9A%E4%B9%89%E6%95%88%E6%9E%9C" class="headerlink" title="3- 查看自定義效果">3- 查看自定義效果

打開瀏覽器，地址欄輸入：127.0.0.1，如下圖所示：

4- 手機/其他電腦 訪問本機服務器

1、找到本機 IP 地址
打開 設置-網絡，你可以看到下圖紅框的內容，即為本機的ip地址：192.168.1.79

2、在手機瀏覽器或則別的電腦里面輸入之前的IP地址：192.168.1.79，即可訪問到頁面。

特別注意：

一定加必須保證手機和其他電腦和本機在同一局域網

進階部分

自定義服務器根路徑

1、打開終端：open /etc
在打開的finder中找到apache2文檔夾，這就是系統自帶的apache目錄。打開配置文檔httpd.conf可以看到系統默認網站根目錄是”/Library/WebServer/Documents“，我們要將它改為自己的路徑。
2、編輯器全局搜索：DocumentRoot,更改路徑如下：

1
2
3

# DocumentRoot "/Library/WebServer/Documents"
DocumentRoot "/Users/9s/sites"
<Directory "/Users/9s/sites">

這樣做的好處方便以后的開發調試工作，容易找到自己的服務器目錄。