开发环境下如何通过LAN局域网让手机访问Next.js应用？

当然可以实现！Next.js默认开发服务仅绑定localhost，只要调整一下启动配置，就能让它监听所有网络接口，进而支持局域网内设备访问，具体方法有两种：

• 修改启动命令，添加hostname参数
  把package.json里的dev脚本改成：

  "scripts": {
    "dev": "next dev --hostname 0.0.0.0"
  }
  

  或者直接在终端执行命令：

  npx next dev --hostname 0.0.0.0
  

• 通过环境变量指定监听地址

  • 临时在终端设置：Windows系统执行 set HOST=0.0.0.0 && next dev；Mac/Linux系统执行 HOST=0.0.0.0 next dev
  • 永久配置：在项目根目录创建.env.development文件，写入 HOST=0.0.0.0，之后启动开发服务会自动读取这个配置

启动服务后，终端会同时显示localhost地址和你本机的局域网IP地址（比如192.168.1.100:3000），确保手机和电脑连接同一WiFi，在手机浏览器输入这个局域网地址就能访问你的Next.js应用了。

内容的提问来源于stack exchange，提问作者yourcasualdev