判斷移動端還是PC端

 

 

router.js

routes: [
        {
            name: 'pc', path: '/pc', component: pc, redirect: '/pc/homePage', meta: {title: 'pc端'},
            children:
                [
                    {name: 'homePage', path: 'HomePage', component: HomePage, meta: {title: '首頁'}}, 
                ]
        },
        {name: 'mobile', path: '/mobile', component: mobile,redirect: '/mobile/mobileHomePage', meta: {title: 'web首頁'},
            children:[
                {name: 'mobileHomePage', path: 'mobileHomePage', component: mobileHomePage, meta: {title: '首頁'}},
            ]
        }
    ]

app.vue 

mounted() {
            if (this._isMobile()) {
                this.$router.replace('/mobile');
            } else {
                this.$router.replace('/pc');
            }
        },
        methods: {
            _isMobile() {
                let flag = navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i);
                return flag;
            }
        }