Vue-Router前端路由的两种模式、区别、原理？

一、vue路由有几种模式?

vue的路由模式⼀共有两种,分别是哈希和history

---

二、两者区别

1. 哈希：不会包含在http请求当中，不会重新加载⻚⾯,
   history：前端的url和后端发起请求的url需要一致(否则会报404的错误)，需要和后端进⾏配合
   2.哈希：就是指 url 尾巴后的 # 号以及后面的字符，
   history没有带#，外观上比hash 模式好看些
2. 哈希：能兼容到IE8，
   history 只能兼容到 IE10；

---

三、原理

hash：通过监听浏览器的 onhashchange() 事件变化,查找对应的路由规则
history：利用了HTML5 中新增的两个特性⽅法 pushState() 和 replaceState() 方法