根据访问设备不同跳转相应域名 js

最新推荐文章于 2024-05-20 11:15:25 发布

zhcinit0

最新推荐文章于 2024-05-20 11:15:25 发布

阅读量735

点赞数

分类专栏： vue js 文章标签： javascript vue

本文链接：https://blog.csdn.net/zhcinit0/article/details/107282161

版权

vue 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

1 篇文章 0 订阅

订阅专栏

本文主要记录根据不同的访问设备跳转到不同的域名（pc端和移动端）

场景介绍：A a.xxx.com pc端样式 B b.xxx.com 移动端样式统一域名www.x.com

这里以vue框架为列

1、当用户在pc端访问www.xxx.com时，在App.vue 里做判断

watch: {
    $route: function(to, from) {
      document.body.scrollTop = 0;
      document.documentElement.scrollTop = 0;
    }
  },

mounted() {
    if (
      navigator.userAgent.match(
        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
      )
    ) {
      // alert("手机端");
      //window.location.href = 'http://b.xxx.com'; 
    } else {
      // alert("PC端");
      window.location.href = 'http://a.xxx.com';
    }
  }

2、反之一样的判断，放开移动端的路径即可。

主要针对PC端和移动端两套代码的适配