文章詳情頁
html5 - Vuejs服務端渲染同路由怎么適配移動和PC
瀏覽：133日期：2022-11-04 09:09:12
問題描述
我現在的做法是，但這樣做前端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：使用iview或者v-strap
標簽：
Html5
相關文章：
1. 我在centos容器里安裝docker，也就是在容器里安裝容器，報錯了？2. Java OutputStream等效于getClass（）。getClassLoader（）。getResourceAsStream（）3. javascript - vue中怎么給input的value綁定計算屬性4. javascript - ui-router可否控制歷史記錄5. type=text/css是什么意思6. 基于Nginx的Wordpress安裝失敗?7. CSS3可否做出這個效果？8. mongoDB批量插入文檔時，運行下面代碼，用MongoVUE查看數據庫，mongo庫中只存在一個文檔？不應該是20個嗎？9. javascript - 微信工作流 yo創建的項目 npm install node prebuild報錯10. 如何編寫可以用Java計算能力的函數。無循環
排行榜
網公網安備