一个链接判断是移动端还是pc端跳转不同的页面

<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,一般不会这种写法，只作为没有移动端页面暂时给个页面的方案