natapp穿透内网vue项目

517 阅读1分钟

natapp安装

natapp下载

  1. 到官网下载安装包natapp,natapp.exe
  2. 准备一个natapp的本地配置文件,config.ini
  3. 总计两个文件,启动natapp.ext需要在config.ini中配置authtoken image.png

natapp配置

  1. 注册并实名natapp
  2. 购买免费渠道image.png
  3. 复制隧道的authtoken,给本地文件config.iniimage.pngimage.png
  4. 将复制好的authtoekn粘贴到本地的config.ini中image.png

启动natapp

  1. 启动本地vue项目
  2. 双击natapp.exe,启动好后,访问对应网址即可

image.png

内网穿透访问Vue项目的时候出现Invalid Host header解决办法

当启动了natapp以后, 就这个用natapp提供的域名, 来访问本地的127.0.0.0:9028(端口自己设置), 如果Vue项目启动, 外网就可以通过域名来访问Vue项目. 但是如果出现 Invalid Host header, 需要设置一下 `

// vue.config.js文件中
module.exports = {
  devServer: {
    disableHostCheck: true
  }
}

ps.如果是config/index.js不行的喔