手机查看或让别人查看自己的本地项目（内网穿透）方法

在本地开发项目时，只能供我们自己电脑的浏览器访问，或者处于同一个wifi下的手机访问。如果想让别人也访问到我们的本地服务器，让别人使用手机就能查看我们的项目效果，这里就需要用到内网穿透，内网穿透就是别人通过外网能够访问到我们本地的服务器。

下面介绍自己用到的内网穿透方法

一、使用uTools（很好用的一款工具），搜索内网穿透 下载链接: https://u.tools/.

1）点击黑色logo进入插件中心
2）搜索或到开发中查找内网穿透并安装插件

3）本地创建服务器并运行 这里端口号我设置的是 8080 （http://localhost:8080/）
4）utools，进入内网穿透设置，内网地址为localhost，端口为8080，点击连接即可，连接成功后两个网址都能查看

二、使用ngrok https://ngrok.com/

打开ngrok.exe 输入ngrok.exe http 8080回车

————————————————————————————————
如果是vue项目，会出现Invalid Host header提示

vue2项目，在webpack.dev.conf.js关闭host检查即可：

//在build目录下的webpack.dev.conf.js文件配置
devServer: {
    disableHostCheck: true
}

vue3项目，在vue.config.js文件中设置

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