VSCode中Angular调试需添加--host=127.0.0.1参数的原因？

当你使用默认的ng serve启动Angular项目时，CLI默认将服务绑定到localhost，这个配置在Windows环境下会引发几个导致调试失败的核心问题：

• 地址解析歧义：Windows系统中，localhost可能同时映射到IPv4的127.0.0.1和IPv6的::1。如果Angular服务优先绑定到IPv6地址，而你的VSCode调试配置指向的是IPv4的127.0.0.1:4200，就会出现调试器无法连接服务的情况，进而无法获取源映射文件。
• 同源策略限制：即便localhost和127.0.0.1都指向本地回环，浏览器仍会将它们视为不同的源。当Angular用localhost启动时，生成的源映射文件引用地址是localhost:4200，而调试器尝试从127.0.0.1:4200请求这些文件，浏览器的同源策略会阻止这类跨源请求，导致.map文件加载失败，断点无法绑定。
• 服务绑定一致性：通过--host=127.0.0.1强制Angular服务绑定到IPv4的回环地址，确保调试器的目标地址（127.0.0.1:4200）和Angular服务的实际地址完全匹配，源映射请求能正常通过，断点也能正确关联到源代码。

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