ngrok内网穿透mac版 ​

下载对应的ngrok版本：https://ngrok.com/

我这里下载的是mac m1版

得到了一个ngrok.sh文件；或者用brew下载也行

把ngrok.sh文件移动到/usr/local/bin目录中，然后就可以在终端运行ngrok config add-authtoken 你的token，下一步就可以尝试启动了ngrok http 80，80是端口号

我这里就省略一些截图了……

启动之后可能会慢一些，点击visit site就可以访问了

这个情况是可以的，但是域名不稳定，需要设置一个静态域名才会稳定

创建一个域名

ngrok http --url=frankly-feasible-egret.ngrok-free.app 5173 指定了5173端口

我这里就用一个vue的项目展示一下，但是需要配置一下vite.config.js文件，因为vite中的allowedHosts限制了主机列表

export default {
  server: {
    allowedHosts: [
      'frankly-feasible-egret.ngrok-free.app',  // 添加你的 ngrok 地址
      'localhost',  // 可以保留 localhost（如果有的话）
      '127.0.0.1'   // 如果是本地开发也可以加上
    ]
  }
}

export default {
  server: {
    allowedHosts: [
      'frankly-feasible-egret.ngrok-free.app',  // 添加你的 ngrok 地址
      'localhost',  // 可以保留 localhost（如果有的话）
      '127.0.0.1'   // 如果是本地开发也可以加上
    ]
  }
}

我感觉很慢……

最后，其实也可以设置多端口的，或许开发不止前端，可能还有后端也用，就要去nrgok.yml文件设置了，又要设置子域名，又要付费，这里就不写了。也可以使用Nginx或者frp也行，记住用完nrgok记得关闭。