html5 - Vuejs服务端渲染同路由怎么适配移动和PC
大家讲道理
大家讲道理 2017-07-06 10:34:58
0
1
996

我现在的做法是,但这样做前端js会直接报错:

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 }

我想知道一下业界同用的做法会是什么样的?比如我写好两个页面 a.vue和a-mobile.vue,怎么样控制在同一个路由http://a.com下指向不同页面文件

大家讲道理
大家讲道理

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

全部回复 (1)
typecho

使用iview或者v-strap

    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板
    关于我们 免责声明 Sitemap
    PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!