vue router自动根据移动端,PC端开启不同页面

1.在router中配置两个不同的路由地址入口

{
  path: '/loginPhone',
  name: 'loginPhone',
  component: loginPhone
},
{
  path: '/login',
  name: 'login',
  component: _import('common/login')
}

详细版:

import Vue from 'vue'
import Router from 'vue-router'
import Home from '../pages/home.vue'
import MHome from '../pages/mHome.vue'

Vue.use(Router)

export default new Router({
  mode:"history",
  routes: [
    {
      path: '/',
      name: 'Home',
      component: Home
    },
    {
      path: '/m',
      name: 'mHome',
      component: MHome
    }
  ]
})

 2 配置App.vue

路径下 打包 npm run build  发布映射后 就可以实现了