嗨，我之前也碰到过一模一样的问题，刚好有几个适配你需求的解决方案——都是基于同一局域网的前提，和你用ionic serve的场景完全匹配，而且都能保留实时重载的功能：

方法一：修改VS Code Live Server的全局配置 #

这是最方便的方式，一次设置永久生效：

• 打开VS Code的设置面板（快捷键：Windows用Ctrl+,，Mac用Cmd+,）
• 在搜索框输入Live Server: Host，找到对应的配置项
• 把默认值127.0.0.1改成0.0.0.0（这个地址表示监听所有可用的网络接口）
• 重启Live Server，此时你电脑上的访问地址会变成http://你的电脑局域网IP:5500/index.html（比如http://192.168.1.105:5500/index.html）
• 在手机浏览器输入这个局域网IP地址，就能正常访问了，而且代码修改后，手机端会和电脑端一样自动实时重载

方法二：用命令行启动Live Server（无需修改VS Code配置） #

如果你不想改动全局设置，可以用独立的live-server包来启动：

• 先全局安装包：在终端执行 npm install -g live-server
• 进入你的项目根目录，执行命令 live-server --host=0.0.0.0
• 同样，找到电脑的局域网IP，手机输入对应地址即可访问，实时重载功能也正常工作

小技巧：快速找到电脑的局域网IP #

不同系统的查询方式：

• Windows：打开命令提示符，输入 ipconfig，找到「IPv4地址」对应的数值
• Mac/Linux：打开终端，输入 ifconfig（Mac）或 ip addr（Linux），找到类似inet 192.168.x.x的地址

注意事项 #

• 务必确保电脑和手机连接的是同一WiFi/局域网
• 检查电脑的防火墙设置，确认没有阻止5500端口的入站连接，如果有，需要手动开放该端口
• 如果你的站点用了HTTPS，可能需要额外配置证书，但Live Server默认是HTTP协议，所以大部分场景下不用操心这个

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