如何在局域网内其他设备访问本地运行的Angular站点？

你不需要额外安装工具或者复杂设置，直接用Angular CLI自带的ng serve命令就能实现，步骤如下：

• 修改启动命令，绑定到所有网卡
  在VS Code终端执行：

  ng serve --host 0.0.0.0 --port 4200 --open
  

  这个命令会让Angular开发服务器绑定到电脑的所有网络接口，而非仅localhost，同一局域网内的设备就能访问。

• 获取电脑的局域网IP地址

  • Windows：终端执行ipconfig，找到当前网络适配器的IPv4地址（例如192.168.1.100）
  • Mac/Linux：终端执行ip addr或ifconfig，找到对应网络的IPv4地址

• 在手机上访问
  确保手机和电脑连接到同一WiFi局域网，在手机浏览器输入：

  http://[你的电脑局域网IP]:4200
  

  示例：http://192.168.1.100:4200

注意事项 #

• 检查电脑防火墙是否允许4200端口的入站连接，若被拦截需临时开放该端口
• 该方法和你日常使用的ng serve完全一致，支持热重载、实时编译，比http-server更贴合Angular开发场景，无需额外安装工具

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