能否通过ng serve命令在特定虚拟主机（如local.xyz.com）运行Angular项目？

当然可以实现！你只需要借助ng serve的参数配合本地hosts文件配置，就能让Angular项目跑在自定义的虚拟主机上，具体步骤如下：

• 第一步：配置本地hosts文件，映射虚拟主机到localhost
  你需要把自定义的虚拟主机域名指向本地的127.0.0.1，这样系统才能识别这个域名并指向你的本地服务：

  • Windows系统：找到C:\Windows\System32\drivers\etc\hosts文件，用管理员权限打开编辑器，添加一行：127.0.0.1 local.xyz.com，保存即可。
  • macOS/Linux系统：打开终端，执行sudo nano /etc/hosts，同样添加127.0.0.1 local.xyz.com，按Ctrl+O保存，Ctrl+X退出。

• 第二步：用ng serve指定主机启动项目
  现在你可以用--host参数绑定到自定义的虚拟主机：

  • 常规启动（默认4200端口）：执行命令 ng serve --host local.xyz.com，此时项目可通过http://local.xyz.com:4200访问。
  • 不带端口访问（使用80默认端口）：如果想直接用http://local.xyz.com访问，需要指定80端口，命令为 ng serve --host local.xyz.com --port 80。注意，使用80端口通常需要管理员/root权限，所以在macOS/Linux下要加sudo：sudo ng serve --host local.xyz.com --port 80。

配置完成后，你在浏览器输入对应的域名就能正常访问Angular项目了，和用localhost访问的效果完全一致，只是域名换成了你想要的虚拟主机地址。

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