html5 – So passen Sie das serverseitige Rendering und Routing von Vuejs an Mobilgeräte und PCs an

Question

Mein aktueller Ansatz ist, aber wenn ich das mache, meldet das Front-End-JS direkt einen Fehler:

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
  }
  
  

Ich würde gerne wissen, wie der Ansatz der Branche aussehen würde? Ich habe zum Beispiel zwei Seiten a.vue und a-mobile.vue geschrieben. Wie kann ich dieselbe Route http://a.com steuern, um auf verschiedene Seitendateien zu verweisen?

Answer 1

使用iview或者v-strap