最后一步 测试!
根据 之前 记录的 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访问成功
成功!!!