html5 – So passen Sie das serverseitige Rendering und Routing von Vuejs an Mobilgeräte und PCs an
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?
