内网穿透 natapp Part 3

最后一步 测试！

根据 之前 记录的 node.js vue-cli 搭建简单的vue 开发框架 

（详见：https://www.jianshu.com/p/987b4fd99898）

搭建了一个本地服务，启动后如下图，

（因为我natapp配置的内网映射端口是8081 ，所以我本地服务的启动端口也是8081）

本地服务

    然后我们验证一下外网的url，能否访问到我们本地的服务：

    natapp客户端启动后，Forwarding http://udfxum.natappfree.cc -> 127.0.0.1:8081

    访问外网url：http://udfxum.natappfree.cc

访问外网url失败

        出现异常信息：Invalid Host header 异常信息；

        原因是：webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。

        解决方案： 如下图，在package.json 中，修改scripts命令

        添加： --disableHostCheck=true    作用是关闭 host 检查

关闭host检查

        再次访问 外网url：http://udfxum.natappfree.cc

外网url访问成功

成功！！！