html5 - Cara menyesuaikan pemaparan dan penghalaan bahagian pelayan Vuejs kepada mudah alih dan PC

Question

Pendekatan semasa saya ialah, tetapi jika saya melakukan ini, js bahagian hadapan akan melaporkan ralat secara langsung:

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
  }
  
  

Saya ingin tahu bagaimana pendekatan industri? Sebagai contoh, saya telah menulis dua halaman a.vue dan a-mobile.vue Bagaimana saya boleh mengawal laluan yang sama http://a.com untuk menghala ke fail halaman yang berbeza

Answer 1

Gunakan iview atau v-strap