在 NextJS 上运行开发服务器（在网络上）

Question

在使用 ReactJS 时，当我们使用命令 npm start 时，它会在 localhost:3000 以及网络上启动开发服务器，192.168.1.2:3000 这非常简单，我可以通过进入该命令在所有设备上测试我的应用程序地址。

最近我开始学习 NextJS，当我运行命令 npm run dev 时，我只看到它在本地计算机上启动开发服务器，而不是在网络上。有没有办法让它像纯reactjs一样工作？

Answer 1

它还监听您的本地 IP，只需找出您的本地 IP 并执行“192.168.1.x:3000”——这将是您的 IP，您将看到服务器在该端口上运行。

ipconfig要查找本地 IP：打开终端并运行适用于 Windows 或ifconfigMacBook 的命令。您将看到当前连接的网络，IPv4 地址是当前的本地 IP 地址。

试过了，本地IP不行。必须手动运行“npm run dev -- -H 192.168.xx”。另外“ifconfig”不起作用，必须使用“ip addr show” (5认同)
对于 Windows，请确保您的设备通过“网络配置文件”>“私有”可见。如果设置为“公共”，您的设备将不会被发现。 (4认同)
在 Windows 上，我必须禁用“专用网络”上的防火墙并将 WiFi 的“网络配置文件”设置为“专用” (2认同)

Answer 2

正如 @Deepinder Singh 提到的，Next.js 开发服务器已经在您的本地网络上侦听。

要获取本地网络 IP 地址，请运行以下命令。（仅在Mac上测试）

ipconfig getifaddr en0

编辑

对于macOS用户，使用以下命令，它将打印您的私有 IP 地址，例如“私有 IP 地址：192.168.1.45”

echo "Private IP address:" $(ifconfig $(route -n get default | awk '/interface: / {print $2}') | awk '/inet / {print $2}')

对于Linux用户，请使用以下命令，

echo "Private IP address:" $(ip addr show $(ip route | awk '/default/ {print $5}') | awk '/inet / {print $2}' | cut -d/ -f1)

对于Windows用户，我建议您更改为类 UNIX 操作系统:)

Answer 3

苹果电脑/Linux

要轻松查找您的本地 IP，您可以使用：

ifconfig | grep 'inet '

然后，如果您在同一网络上，只需导航到http://YOUR_LOCAL_IP:3000