需求:移動端訪問PC上的自定義域名,如在Nginx上配置的域名
如vv.zzcloud.com這個域名在pc上是通過host映射的方式訪問,現在需要在手機上訪問到這個域名。
工具:Charles代理工具
系統:Mac OS
項目中需要查看手機端頁面,通過Chrome帶的那個模擬器畢竟不如真機的效果,有些東西確實沒法模擬,所以我想直接在手機上看開發環境的效果
由於只是開發完成,所以我的頁面還沒有發布到線上,也就是說沒法通過線上的域名訪問到,所以得想其它的辦法。
嘗試用過ngork這個內網穿透工具倒是可以,不過免費版的沒法穿透自定義域名,只能是locahost和ip那種,顯然不滿足我的需求。
因為一直用Charles,就想看看用這個代理工具,在網上找了下,大部分都是直接訪問PC的IP這種形式,不是域名的。找了半天才找到一篇相關的。按那個操作后,現在在手機上能直接訪問PC上的頁面了。
操作方法如下:
- 要保證手機和電腦在一個網段,我的環境是PC和手機連的同一個Wifi.
- 直接訪問PC上的域名肯定不行,因為那個域名是配置在PC上面的,沒有經過PC,所以需要用Charles代理下,讓手機經過PC。
- 找到Charles代理開啟的端口(Proxy Setting),如我的是默認的8888
- 在手機上修改下連接網絡,改為使用代理上網,代理IP寫PC上的IP, 端口寫Charles代理端口8888
- 然后在手機上就能訪問到域名了