Angular SPA中History.pushState在Chromium浏览器的异常表现

问题本质 #

这不是浏览器原生行为差异，而是Angular路由机制与浏览器解析逻辑交互导致的特定现象。非Angular站点中执行window.history.pushState({_: 1}, "", "")时，Chrome和Firefox都不会修改URL路径，说明浏览器本身对空字符串url参数的处理是一致的；但在Angular站点环境下，Chrome会将路径重置为根地址，Firefox保持原路径，核心原因是Angular的路由策略（默认的PathLocationStrategy）对pushState的调用做了额外处理。

浏览器表现不一致的原因 #

当history.pushState的第三个参数传入空字符串时：

• Firefox原生解析逻辑中，空字符串代表“当前路径”，因此不会修改URL；
• Chrome原生解析逻辑中，空字符串会被视为“根路径”，但在非Angular站点中，这种解析不会触发路径变更（可能是浏览器的安全或默认行为限制）；
• 而Angular的路由系统会监听URL变化，并且在处理pushState调用时，会将Chrome的这种解析结果进一步应用到路由状态中，最终导致URL路径被重置为根地址；Firefox的解析结果则不会触发Angular路由的路径变更，因此URL保持不变。

是否为Angular Bug及是否需要提交Issue #

这属于Angular路由与浏览器兼容性的问题，可能是设计上的疏漏导致跨浏览器行为不一致。建议：

1. 先在Angular的Git仓库搜索现有Issue，确认是否有其他开发者报告过相同问题；
2. 如果没有找到相关Issue，建议提交新Issue，附上清晰的重现步骤：
   • 在Angular站点（如官方文档页）控制台执行window.history.pushState({}, "", "")；
   • 对比Chrome和Firefox的URL变化；
   • 补充非Angular站点的测试结果作为对照；
3. 提交时注明使用的Angular版本（包括你测试的9.1.12和新版本）以及浏览器版本。

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