本地运行Angular应用时无法获取正确子域名URL问题求助

1. Angular代理配置未保留原始Host头 #

如果你的Angular应用通过proxy.conf.json转发API请求，默认情况下代理不会保留原始请求的Host头，而是将其替换为目标服务器的Host（比如API运行的localhost端口），最终导致API接收到的Host为localhost:4200。

解决方法是在代理配置中添加preserveHostHeader: true和changeOrigin: true：

{
  "/api/*": {
    "target": "http://localhost:5000",
    "secure": false,
    "preserveHostHeader": true,
    "changeOrigin": true
  }
}

启动Angular时指定代理配置：

ng serve --host client1.mysite.com --port 4200 --proxy-config proxy.conf.json --open

2. Host文件仅配置了IPv6映射，缺失IPv4映射 #

你当前的Host文件只配置了::1 client1.mysite.com（IPv6本地回环地址），但多数浏览器默认优先使用IPv4访问。当浏览器无法通过IPv6解析目标地址时，会回退到IPv4的127.0.0.1，而127.0.0.1对应的Host是localhost，进而导致请求的Host头被设置为localhost:4200。

解决方法是在Host文件中补充IPv4的映射：

127.0.0.1 client1.mysite.com
::1       client1.mysite.com

3. API服务器的Host头解析逻辑问题 #

如果你的Web API（比如ASP.NET Core）配置了强制绑定特定Host，或者有中间件主动修改HttpContext.Request.Host的值，也会导致获取到错误的Host。可以检查API的启动配置，确保Kestrel允许绑定任意地址：

builder.WebHost.ConfigureKestrel(options =>
{
    options.ListenAnyIP(5000);
});

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