记录natapp内网穿透使用

一.客户端下载

官网地址: 点击
这里我选择windows 64 位

二，在官网 登录,配置参数

1 登录,购买免费隧道

三、配置参数

购买之后,还可以再次配置,更改端口等信息
其中authtoken很重要

四、 运行下载好的 natapp.exe

1、打开natapp.exe

2、执行命令 natapp -authtoken=刚刚你申请的authtoken
执行后效果如下

说明已经开启了外网映射
本地对外的端口为10000
可以访问的外网为 http://9vz7ew.natappfree.cc （即 127.0.0.1:10000 ）

五、运行访问vue打开网页显示：invalid host header

vue3：

module.exports = {
  //...
  devServer: {
    allowedHosts: [
      'host.com', // 允许访问的域名地址，即花生壳内网穿透的地址
      '.host.com'   // .是二级域名的通配符   
    ],
  },
};

vue2：

devServer: {
  disableHostCheck: true,
}

本地展示：

内网穿透：

手机访问链接：