使用ngrok实现Vue项目内网穿透

首先进入ngrok官网地址https://ngrok.com/注册账号（注册邮箱不能用qq邮箱）并登录进来，在主页下载对应的版本。

在下载后解压出来ngrok.exe文件，进入后输入下载下面的命令。

ngrok config add-authtoken 2iM1zOIypegU9zms0FLz2ZIxtws_86ddoyAVV4JXEyNueyMAc

然后在需要内网穿透的前端项目中的vue.config.js中添加以下部分

module.exports = defineConfig({
  devServer: {
	allowedHosts: 'all',
  },

然后在ngrok.exe打开的命令行中输入以下代码开启内网穿透

ngrok http http://localhost:8080   //8080改成自己项目对应的端口号

但如果你的项目是http很有可能报错可以尝试用以下代码开启内网穿透

ngrok http --scheme=http 8080 --host-header=localhost:8080   //同样将8080改成自己项目的端口