外网访问内网页面的方法：ngrok结合vscode快速访问vue项目

区分概念：

内网：局域网是指在某一区域内由多台计算机互联成的计算机组，一般是方圆几千米以内。
外网：即广域网，又称公网。是连接不同地区局域网或城域网计算机通信的远程网。通常跨接很大的物理范围，所覆盖的范围从几十公里到几千公里，它能连接多个地区、城市和国家，或横跨几个洲并能提供远距离通信，形成国际性的远程网络。广域网并不等同于互联网。

为了能够使内网的地址被外网访问到，此时需要用到ngrok工具

一、ngrok安装（windows环境)

1. 进入ngrok官网下载：https://ngrok.com/download
2. 在ngrok官网中注册一个账户，并进入账户中的“Your Authtoken”获取authtoken
   
3. ngrok下载完毕之后打开压缩包，运行ngrok.exe文件，对ngrok进行配置

ngrok authtoken “your-token”//这里输入注册后账户出现的authtoken

4. 配置完ngrox后，需要在vue项目下的vue.config.js输入以下内容

module.exports = {
    
    
	devServer: {
    
    
        disableHostCheck: true  // 加上这个配置
    }
}

5. 打开vscode终端，输入

npm run serve

6. 查看启动的端口号（假如是8080），回到ngrok.exe中输入

ngrok http 8080//这里输入自定义的端口号

7.此时内网穿透已完成，在外网上访问Forwarding行的网址即可

二、可能会用到的指令

tasklist | findstr “ngrok” //查看ngrox的当前进程列表
taskkill /PID 进程号 -F -T //删除指定进程

三、参考文章

1. ngrox的安装与使用–简书
2. ngrox的配置（结合项目）
3. windows 查看进程、杀死进程的命令