内网穿透

在开发过程中，我们经常需要让他人预览本地开发中的项目。本文介绍几种实用的项目分享方案。

1. 局域网内分享

在同一局域网内，其他用户可以通过局域网 IP 直接访问你的本地项目。

当启动项目时（以 Nuxt 项目为例），终端会显示两个地址：

-> Local:   http://localhost:1024    # 本机访问地址
-> Network: http://192.168.2.81:1024 # 局域网访问地址

局域网内的其他用户可直接使用 Network 地址访问。

# 方式一：使用 Homebrew
brew install ngrok

# 方式二：使用 npm
npm i -g ngrok

ngrok config add-authtoken <your-token>

ngrok http 1024

如果你的项目使用 Vite，需要添加以下配置以允许 ngrok 访问：

{
  vite: {
    server: {
      allowedHosts: ['.ngrok-free.app'],
    }
  }
}