vuejs 라우터 web/mw 분기처리

import Vue from 'vue'
import Router from 'vue-router'
import MobileDetect from 'mobile-detect'//라이브러리 추가 필요

 

................소스생략................

 

Vue.use(Router)

 

//라우터 설정

const W_Router = () => new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'main',
      component: WMain,
    },
  ]
})

const M_Router = () => new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'main',
      component: MMain,
    },
  ]
})

let router
var md = new MobileDetect(window.navigator.userAgent) //mobile-detect를 통해, mw 유무판단 및 라우터 처리
if(md.mobile()){
  router = M_Router()
}else{
  router = W_Router()
}

export default router