html5 - Comment adapter le rendu et le routage côté serveur Vuejs aux mobiles et PC

Question

Mon approche actuelle est la suivante, mais si je fais cela, le js front-end signalera directement une erreur :

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
  }
  
  

J’aimerais savoir quelle serait l’approche de l’industrie ? Par exemple, j'ai écrit deux pages a.vue et a-mobile.vue Comment puis-je contrôler le même itinéraire http://a.com pour pointer vers des fichiers de pages différents

.

Answer 1

Utilisez iview ou v-strap