VUE项目的内网穿透

注意点：vue项目在运行时会先进行主机检测，如果检测到非本机会拒绝访问，所以在进行内网穿透前得先设置

1. vue.config.js文件中配置忽略主机检测：
   
2. 有两种常用软件可以做内网穿透：

2.1：https://natapp.cn/ NATAPP做内网穿透:

2.1.1：基本配置：https://natapp.cn/article/natapp_newbie

2.1.2：第八步详解：

在natapp下载目录中新建文件：config.ini

文件内配置：

#将本文件放置于natapp同级目录 程序将读取 [default] 段
　　　　　　#在命令行参数模式如 natapp -authtoken=xxx 等相同参数将会覆盖掉此配置
　　　　　　#命令行参数 -config= 可以指定任意config.ini文件
　　　　　　[default]
　　　　　　authtoken=dd670186929fce28 #对应一条隧道的authtoken---------这个在购买到的我的隧道中有，复制替换即可
　　　　　　clienttoken= #对应客户端的clienttoken,将会忽略authtoken,若无请留空,
　　　　　　log=none #log 日志文件,可指定本地文件, none=不做记录,stdout=直接屏幕输出 ,默认为none
　　　　　　loglevel=ERROR #日志等级 DEBUG, INFO, WARNING, ERROR 默认为 DEBUG
　　　　　　http_proxy= #代理设置 如 http://10.123.10.10:3128 非代理上网用户请务必留空

启动natapp文件：

双击exe文件即可进入

　　　　　　
　　　　　　划线处即可访问本地：相当于localhost:8080/ 跟网页路径

2.2: nat123做内网穿透：

如图配置：

1.添加映射 2. 配置内网端口 3.配置内网地址：进cmd中ipconfig中获取ipv4填入即可 4.访问者只需访问外网580……即可，相当于localhost:8080