投稿
  1. HTTP3W博客首页
  2. 技术
  3. vue

vue适配自动跳转移动端页面

诺米 • • vue • 阅读 167

update router.js


import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/pc/HelloWorld'

Vue.use(Router)

let router = new Router({
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]
})

/**
 * 判断是否为移动设备，是，则跳转到移动端的路径
 */
router.beforeEach((to, from, next) => {
  if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
    window.location.href = 'https://www.xxxx.com'//移动端路径
    return
  }
  next()
})

export default router

1、原创文章，作者：诺米，如若转载，请注明出处：https://www.http3w.com/archives/801

2、本站内容若有雷同从属巧合，若侵犯了您的权益，请联系本站删除，E-mail: wtao219@qq.com

赞 (0)
诺米诺米
0 0 打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年7月24日 am10:58
下一篇 2022年8月5日 am7:42

相关推荐

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

记住昵称、邮箱和网址，下次评论免输入