VUE能夠利用理由進(jìn)行單頁面應(yīng)用的開發(fā)我想是很多開發(fā)者選擇它的一大原因。這都?xì)w功于vue-router的設(shè)計(jì)，讓我們頁面進(jìn)行切換的時(shí)候能夠變得非常漂亮，全程看上去就一個(gè)路徑在變動(dòng)。而我們傳統(tǒng)的非單頁面應(yīng)用進(jìn)行開發(fā)的時(shí)候，都是里面html之間進(jìn)行跳轉(zhuǎn)實(shí)現(xiàn)的.....（吐槽的話不多說，因?yàn)槲覀兌际沁@么過來的，不能忘本哈）。
vue開發(fā)的單頁應(yīng)用在跳轉(zhuǎn)的時(shí)候，會(huì)有一個(gè)#號(hào)，我們稱這種模式為hash(哈希)模式。然而這樣做，會(huì)影響路由的美觀程度(官網(wǎng)上也有說),隨意官網(wǎng)又推薦了history模式。使用起來很簡單

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

在路由上面加了這個(gè)之后，你就發(fā)現(xiàn)，#符號(hào)不見了。

哈哈，這樣頁面就看起來順心了很多。然而，別高興的太早，這里有個(gè)問題。當(dāng)我們把history模式的項(xiàng)目放到服務(wù)器的時(shí)候，你可能會(huì)發(fā)現(xiàn)滿天只剩下404.。。。
因?yàn)楹芎唵?，?dāng)我們的項(xiàng)目處于history模式的時(shí)候，#號(hào)就不見了，我們的url在后臺(tái)中相當(dāng)于是一次次的請求，這請求可能是非常多種類的東西(接口、頁面...)。所以，你需要和你的后臺(tái)商量好，對這種情況作出對應(yīng)的配置。OK，小坑說完了，簡單記錄一下，希望對你有幫助。
既然說到這里，我們不妨說下，為啥很多低版本的瀏覽器不方便使用框架這個(gè)東西。這里我就舉個(gè)例子，vue的history模式是充分利用"H5"里面pushState的這個(gè)方法，對url進(jìn)行切換而不發(fā)出請求。說到這你就明白了，低版本瀏覽器(ie7、8)怎么可能兼容H5，如果兼容的話就不叫低版本瀏覽器了。希望本文對你有幫助。