SPA ，即 单页面应用 (Single Page Application)。就是只有一张 web页面的应用。单页应用程序 (SPA) 是加载单个html页面并在 用户与应用程序交互时 动态更新该页面的web应用程序。浏览器一开始会加载必需的html、css和 js ，所有的操作都在这张页面上完成，都由js来控制
对于现代开发的槐仔项目来说，稍微复杂一点的SPA，都需要用到 路由 。而 vue-roter 正是 vue 的路由标配，且 vue-router 有 两种模式 ： hash 和 history 。
hash 模式是一种把前端路由的路径用井号 # 拼接在真实 url 后面的模式。当井号 # 后面的路径发生变化时，浏览器并不会谈穗重新发起请求，而是会触发 onhashchange 事件。
下面用一个网址来演示以上属性：
history API 是 H5 提供的新特性，允许开发者 直接更改前端路由 ，即更新浏览器 URL 地址而 不重新发起请求 。
hash 与 history 在浏览器下刷新时的区别：
正常页面浏览
改造H5 history模式
HTML5新增的API：
主要有以下特点：
对于 history 来说，确实解决了不少 hash 存在的问题，但是也带来了新的问题：
在实含明卜际的项目中，如何对这两者进行选择：
因为hash发生变化的url都会被浏览器记录下来，从而你会发现浏览器的前进后退都可以用
包括back,forward,go三个方法，对应浏览器的前进，后退，跳转操作，有同学说了，(谷歌)浏览器只有前进和后退，没有跳转，嗯，在前进后退上长按鼠标，会出来所有当前窗口的历史记录，从而可以跳转(也许叫跳更合适)：
修改历史状态
包括了history.pushState(),history.replaceState()两个方法,这两个方法接收三个参数:stateObj,title,url
history.forward();
通过pushstate把页面的状态保存在state对象中，当页面的url再变回这个url时，可以通过event.state取到这个state对象.
通过history api，我们丢掉了丑陋的#，但是它也有个毛病：
不怕前进，不怕后退，就怕刷新，f5（如果后端没有准备的话）,因为刷新是实实在在地去请求服务器的,不玩虚的。
在hash模式下，前端路由修改的是#中的信息，而浏览器请求时是不带它玩的，所以没有问题.但是在history下，你可以自由的修改path，当刷新时，如果服务器中没有相应的响应或者资源，会分分钟刷出一个404来。
所以喊禅扒，如果你想在github.io上郑昌搭一个单页袭纯博客，就应该选择hash模式，如果要选择history，就要和后端配合，在刷新页面时，若未找到路由，则返回首页。
1.hash模式，帆洞请求地址中带#号，默认路由模式
2.history模式改轿腔，请求地址中不带#号核衫