需求:移动端访问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
- 然后在手机上就能访问到域名了