vue项目区分打开的是pc端还是移动端

我是一个vue 项目 pc一套代码 移动端一套代码 

1.建立两个文件夹 一个mobile 一个pc,在router里配置项目路径

2.新建一个js文件夹 下列代码放入 假设名字叫util

export const checkMobile = () => {
  const sUserAgent = navigator.userAgent;
  const mobileAgents = [
    "Android",
    "iPhone",
    "Symbian",
    "WindowsPhone",
    "iPod",
    "BlackBerry",
    "Windows CE",
  ];
  let isMoblie = false;
  for (let i = 0; i < mobileAgents.length; i++) {
    if (sUserAgent.indexOf(mobileAgents[i]) > -1) {
      isMoblie = true;
      break;
    }
  }
  return isMoblie;
};

3.在router的index文件引入util

4.通过checkmobile判断，如果是手机打开的网址就是手机的首页，如果是pc端打开的就是pc