如何通过mac防火墙让我的移动设备访问webpack dev服务器？

Question

我在localhost：4200通过webpack-dev-server在Angular 5 cli项目中运行了一个开发服务器。

我想将我的iphone连接到开发服务器进行测试。它使用与我的计算机相同的wifi SSID。

我在iphone的safari＆url字段中使用了计算机的注册名称：

jonathans-macbook-pro.local:4200

它没有工作，等待后说

  

Safari无法打开该页面，因为服务器停止响应

我还有coda应用程序也可以在

中为项目提供服务

jonathans-macbook-pro.local:62035

我可以在Safari浏览器上轻松访问它。虽然这是因为我相信我可以允许coda app接受传入的连接：

虽然我不确定除了通过GUI添加应用程序之外如何获得更多技术。我曾尝试在/etc/pf.conf上使用PF规则进行编辑

scrub-anchor "com.apple/*"
nat-anchor "com.apple/*"
rdr-anchor "com.apple/*"
dummynet-anchor "com.apple/*"
anchor "com.apple/*"
load anchor "com.apple" from "/etc/pf.anchors/com.apple"
pass in proto tcp from any to any port 80
pass in proto tcp from any to any port 4200

然后做了：

sudo pfctl -f /etc/pf.conf

重新加载它。虽然iphone仍然无法连接到localhost：4200 dev服务器。

我还跳过允许节点接受传入连接（通过弹出窗口）允许iphone通过防火墙，尽管它仍然无法正常工作。

任何人都知道什么可能阻止我的iPhone连接到我的mac上的开发服务器？