hash模式与history模式的区别

1.原理不同。

hash模式的实现原理是通过监听hashChange事件来实现的，前端js把当前hash地址对应的组件渲染到浏览器中。

history模式是通过调用 State方法(或者replaceState) 并且 监听popstate事件来实现的。

State会追加历史记录，并更换地址栏地址信息，但是页面不会刷新，需要手动调用地址变化之后的处理函数，并在处理函数内部决定跳转逻辑监听popstate事件是为了响应浏览器的前进后退功能。