使用Ngrok做内网穿透，将本地项目部署到公网(举例Vue3)

如果您想将您的本地Web应用程序部署到Ngrok上，可以按照以下步骤进行操作：

• 下载并安装Ngrok
  Ngrok可在其官方网站 https://ngrok.com/ 下载。
  

• 认证Ngrok
  在Ngrok认证个人token

ngrok config add-authtoken  [3kXX584yFIDBRJMH0MsnK23ttVchmkAfgCWt2XyQC]  #token每个账户都有一个默认的

• Vue3在vue.config.js中修改一下配置

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  devServer: {
    allowedHosts: 'all',
    webSocketServer:false,
  },
})

• 启动Ngrok

ngrok http http://localhost:8080   # 这里8080是我的Vue3本地地址，Ngrok将该地址暴露到公网

• 测试您的Web应用程序
  访问上面红圈的地址，就可以在公网中访问到我们的项目了。