路由的hash模式和history模式（适用于3.x版本的vue-router）

路由介绍： 

• 路由有两种模式：hash模式、history模式
• hash模式：地址上有“#”（哈希字符），是hash模式；只要是带有“#”的，都是前端路由；
• history模式：例如：http://yoursite.com/user/id，这种很顺滑的；
• vue-router默认是hash模式----使用URL的hash来模拟一个完整的URL，于是当URL改变时，页面不会重新加载。
• 如果不想要很丑的hash，我们可以用路由的history模式，这种模式充分利用history.pushState API
• 来完成URL跳转而无须重新加载页面。

---

为什么要用“history”模式：

（1）好看

（2）在分享网址的时候，有些软件会自动网址后面加上“#”，那用hash路由就会出现问题；

缺点是：

不好区分是一个路由是前端路由还是后端路由，要是配置不好，浏览器是默认这个路由是后端路由，向后端这个接口发起请求，就会出错了。

---

如何转换成 history路由 呢 ：

const router =