Flutter Web如何不构建应用即可让同网其他设备访问开发服务器

默认flutter web开发服务器仅绑定localhost地址，仅支持本地通过localhost域名访问，无法通过本机IP、局域网其他设备访问，按以下步骤配置即可解决：

操作步骤 #

1. 查询开发机局域网IP

• Windows系统：终端执行ipconfig，找到当前连接网络对应的IPv4地址，格式一般为192.168.x.x或10.x.x.x
• macOS/Linux系统：终端执行ifconfig或ip addr，查找当前联网网卡对应的IPv4地址

2. 替换启动命令
   在原有启动参数中新增--web-hostname 0.0.0.0，完整启动命令如下：
   flutter run -d web-server --web-port 5000 --web-hostname 0.0.0.0
3. 多设备访问
   同一局域网下的所有设备，直接访问http://<开发机局域网IP>:5000即可正常访问开发服务器，开发模式的热重载功能可正常使用。

注意事项 #

• 需确认开发机防火墙已开放5000端口的局域网入站权限，避免请求被安全软件拦截
• 所有访问设备必须与开发机连接同一局域网，不可跨网段访问
• 无需提前执行flutter build命令构建静态资源，该启动方式为标准开发模式服务器

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