Angular路由是否采用浏览器History API？单页应用路由方案咨询

首先直接给你明确答案：是的，Angular的路由默认是基于浏览器的History API实现的。

具体来说，Angular的RouterModule默认使用PathLocationStrategy，这个策略就是依赖History API的pushState()、replaceState()方法来修改浏览器URL而不触发页面刷新，同时通过监听popstate事件来响应浏览器的前进/后退操作。当然Angular也提供了备选的HashLocationStrategy（哈希模式路由），不过这是针对不支持History API的老旧浏览器的 fallback 方案，你如果目标浏览器是现代环境，完全可以忽略它。

既然你担心Angular路由带来的包体积问题，自己基于History API写轻量路由是完全可行的——而且History API的浏览器兼容性确实不错，除了IE9及更早的版本，几乎所有现代浏览器（包括Chrome、Firefox、Safari、Edge等）都支持它，这一点你不用太担心。

结合你提到的会使用jQuery，简单给你几个实现思路的小提示：

• 监听页面上导航链接的click事件，阻止默认的跳转行为，然后调用history.pushState()更新URL，并触发对应的页面内容切换逻辑
• 监听window的popstate事件，当用户点击浏览器前进/后退按钮时，根据当前URL重新渲染对应内容
• 可以维护一个路由映射表，把不同的URL路径和对应的内容渲染函数关联起来，方便管理

这样实现的路由会非常轻量，完全满足你简单单页应用的需求。

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