1.手机官网和电脑官网共用一个域名,不同的布局,先判断访问是pc还是mobile,亲测有效
mounted() { var sUserAgent = navigator.userAgent.toLowerCase(); if ( /ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows ce|windows mobile/.test( sUserAgent) ) { //跳转移动端页面 this.isShowPC = false; } else { this.isShowPC = true; } },
isShowPC 字段意思显示不痛的Header,有个问题,当我访问移动端的时候,先加载的是PC的header,加载完后才会显示手机的header,这里之所以写到mouted,应为created页面加载之前认不到
navigator,所以写在mounted,同时暴露这个问题,PCheader闪现然后消失
这里就会用到中间件来处理不显示PCheader,具体如何实施百度
2.