html5 – So passen Sie das serverseitige Rendering und Routing von Vuejs an Mobilgeräte und PCs an
大家讲道理
大家讲道理 2017-07-06 10:34:58
0
1
1058

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?

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

Antworte allen(1)
typecho

使用iview或者v-strap

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage