vue判断是pc端还是移动端分别进入不同的页面
判断移动端代码如下:
function IsPC(){ var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"); var flag = true; for (var v = 0; v < Agents.length; v++) { if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; } } return flag; } var routerFlag = IsPC(); sessionStorage.setItem(‘flag‘,routerFlag);
路由判断分别进入pc还是移动端
判断路由代码如下:
var flagRouter = JSON.parse(sessionStorage.getItem(‘flag‘)); var routers = []; if (!flagRouter) { routers = [ { path: ‘/‘, redirect: ‘/ui/login‘ }, { path: ‘/ui/login‘, name: ‘mobileLogin‘, component: mobileLogin }, { path: ‘/ui/index‘, name: ‘mobileIndex‘, component: mobileIndex, meta: { requireAuth: true // 添加该字段,表示进入这个路由是需要登录的 }, } ] } else { routers = [ { path: ‘/‘, redirect: ‘/ui/login‘ }, { path: ‘/ui/login‘, name: ‘login‘, component: login }, { path: ‘/ui/index‘, name: ‘index‘, component: index, meta: { requireAuth: true // 添加该字段,表示进入这个路由是需要登录的 }, children: [ { path: ‘/ui/totalfloor‘, name: ‘totalfloor‘, component: totalfloor, meta: { requireAuth: true // 添加该字段,表示进入这个路由是需要登录的 }, }, { path: ‘/ui/pointsfloor‘, name: ‘pointsfloor‘, component: pointsfloor, meta: { requireAuth: true // 添加该字段,表示进入这个路由是需要登录的 }, }, ] }
通过user-agent值,来进行判断,使用javascript框架中的Navigator对象的userAgent属性
还有些其他方法可以根据个人项目是改动,仅个人学习笔记,希望对大家也有所帮助
O(∩_∩)O