html5 - Vuejs服務端渲染同路由怎麼適合移動和PC

Question

我現在的做法是，但這樣做前端js會直接報錯:

export function createRouter () {

if (global.mobile) {
    return new Router({
      mode: 'history',
      scrollBehavior: () => ({ y: 0 }),
      routes: [
        { path: '/', component: mobileIndex}
      ]
    })  
}else {
    return new Router({
      mode: 'history',
      scrollBehavior: () => ({ y: 0 }),
      routes: [
        { path: '/', component: index }
      ]
    })  
   }
}

 var is_mobile = function (req) {
    var ua = req.get('User-Agent')
    return /Android|webOS|iPhone|iPod|BlackBerry/i.test(ua);
  }

  console.log('dasjka',req)
  if (is_mobile(req) === true) {
    global.mobile = true
  }else {
    global.mobile = false
  }
  
  

我想知道業界同用的做法會是什麼樣的呢？例如我寫好兩個頁面 a.vue和a-mobile.vue，怎麼樣控制在同一個路由http://a.com下指向不同頁面檔案

Answer 1

使用iview或v-strap