1. 程式人生 > >如何用手機訪問電腦本地 localhost 網頁或者伺服器, 以除錯web專案

如何用手機訪問電腦本地 localhost 網頁或者伺服器, 以除錯web專案

最近開始轉向移動開發方向,因此對於一個移動開發的前端來說,使用各種真機來進行自己網站或者系統的介面進行鍼對性的除錯就顯的尤為重要了。因此,會經常通過電腦開啟一個 wifi 來供手機進行連線,形成一個小的區域網,然後就通過區域網的 ip 地址(查詢 ip 地址,cmd——》ipconfig), 通過 ip 地址來進行自己本地伺服器中的專案訪問。本以為這種小 case 的東西可以分分鐘搞定,可是,可是,可是偏偏就出現了無妨訪問的情況。如下圖所示:


看到這個就淚奔了,竟然直接訪問不到本地伺服器啊。對於這種情況有兩種解決方案:

方案一:暴力解決(當然不是砸電腦,摔手機)。出現該問題主要是因為你電腦的防火牆將某些埠號的 htpp 的網路訪問協議給遮蔽掉了(一般的電腦作業系統是預設不遮蔽 80,8080 一些常用的埠的),所以你可以直接將自己的電腦的防火牆全部關閉。然後就可以完美訪問了。具體設定路徑給一下(方便菜鳥使用):控制面板 \ 所有控制面板項 \ Windows 防火牆 \ 自定義設定。

下面具體來講解一下方案二:對於這種暴力方式還是很不友好的。為此,我們可以直接在防火牆中將 80 和 8080 埠設定為不遮蔽即可。具體操作如下,首先進入到 windows 防火牆面板,點選高階設定

進入到高階設定介面,分別在入站規則和出站規則中新建規則,選擇埠,點選下一步,然後直接在對應的輸入框中輸入 80,然後預設點選下一步,完成。同樣設定 8080 的這樣一個規則。整個設定完成過後,手機就可以通過區域網來進行 ip 地址的訪問了。