1. natApp 注册

先登录 natApp 官网进行注册，并进行个人实名认证，只有认证之后才能享用一个免费通道.
然后点击 下载 (opens new window) 下载对应版本

2. 配置授权

下载解压完成后，这个时候我们的安装包还不能直接打开运行。需要找到我们下载该文件的目录，作者的文件在 Downloads 下。

cd Downloads

给 NATAPP 文件授权：

chmod a+x natapp

授权完成后，就能看到该文件被识别为了 Unix 可执行文件。

3. 获取 Token

选择第一个免费的就行，不过此处需要实名认证支付宝授权。我们进行实名授权，授权完成后.
此处的端口根据你项目的端口来填，之后可以随时更改。就比如说你想让别人访问你本机的 80 端口，那么这里就填写 80 即可。点击免费购买完成购买。

4. 启动

cd 进入到 脚本所在的目录下，执行以下命令

./natapp -authtoken=你的authtoken

5. 常见问题

访问出现Invalid Host header

在 vue-cli 版本为 2.x 的情况下修改 webpack.dev.conf.js 中的 devServer 对象加入 disableHostCheck: true 即可转发成功

devServer: {
    disableHostCheck: true;
}

vue-cli 版本 3.0 的情况下修改 vue.config.js 的配置

module.exports = {
    devServer: {
        disableHostCheck: true
    }
}