详解vue填坑之解决部分浏览器不支持pushState方法-创新互联

前端使用vue-router做单页面路由并开启history模式时，会碰到一个问题：部分低版本的手机浏览器、部分app以及IE9浏览器由于不支持pushState方法，会导致页面加载不出来。 解决这个问题的思路是：

创新互联成立与2013年，先为建湖等服务建站，建湖等地企业，进行企业商务咨询服务。为建湖企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

• 当浏览器支持pushState方法时，开启history模式，不支持则开启hash模式
• 对链接做判断，当跳转的链接与路由模式不匹配时，则跳转至正确的链接
• nginx对域名下的路径访问均重写向至index.html

以下为具体实现方法：

判断使用何种路由模式

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

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网页名称：详解vue填坑之解决部分浏览器不支持pushState方法-创新互联
网址分享：http://cdkjz.cn/article/cdgihj.html