前端使用vue-router做單頁面路由并開啟history模式時，會碰到一個問題：部分低版本的手機瀏覽器、部分app以及IE9瀏覽器由于不支持pushState方法，會導(dǎo)致頁面加載不出來。 解決這個問題的思路是：

創(chuàng)新互聯(lián)成立與2013年，先為建湖等服務(wù)建站，建湖等地企業(yè)，進行企業(yè)商務(wù)咨詢服務(wù)。為建湖企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

• 當(dāng)瀏覽器支持pushState方法時，開啟history模式，不支持則開啟hash模式
• 對鏈接做判斷，當(dāng)跳轉(zhuǎn)的鏈接與路由模式不匹配時，則跳轉(zhuǎn)至正確的鏈接
• nginx對域名下的路徑訪問均重寫向至index.html

以下為具體實現(xiàn)方法：

判斷使用何種路由模式

let isHans = typeof (history.pushState) === 'function';
let mode = isHans?'history':'hash';

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機、免備案服務(wù)器”等云主機租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

當(dāng)前題目：詳解vue填坑之解決部分瀏覽器不支持pushState方法-創(chuàng)新互聯(lián)
分享地址：http://weahome.cn/article/cdgihj.html