<template>
<div id="app">
<router-view/>
</div>
</template>
<script>
import { setCookie } from '@/utils/tools'
export default {
name: 'App',
mounted () {
if (this.deviceType() === 'phone') {
setCookie('userToken', 'mobileFilter')
this.$router.replace('/testMobile')
}
},
methods: {
deviceType () {
var u = navigator.userAgent
if ((u.indexOf('Tablet') > -1 && u.indexOf('PC') < 0) || u.indexOf('Pad') > -1 || u.indexOf('Nexus 7') > -1) {
return 'tablet'
}
if (u.indexOf('Mobi') > -1 || u.indexOf('iPh') > -1 || u.indexOf('480') > -1) {
return 'phone'
}
return 'desktop'
}
}
}
</script>
app.vue中新增方法和判断,因为未登录会重定向到pc的redirect的url,设置下cookie,弊端是在浏览器调试模式下手机调试会修改cookie,一般不会这种写法,只作为没有移动端页面暂时给个页面的方案