kanban-hl-new/src/router/index.js

import Vue from 'vue'
import Router from 'vue-router'

const Setup = r => require.ensure([], () => r(require('@page/Setup')), 'Setup')
const MonitoringScreen = r => require.ensure([], () => r(require('@page/MonitoringScreen')), 'MonitoringScreen')
const DeviceScreen = r => require.ensure([], () => r(require('@page/DeviceScreen')), 'DeviceScreen')
const WorkshopScreen = r => require.ensure([], () => r(require('@page/WorkshopScreen')), 'WorkshopScreen')
const HomeScreen = r => require.ensure([], () => r(require('@page/HomeScreen')), 'HomeScreen')

Vue.use(Router)

export default new Router({
  linkActiveClass: 'tab-active',
  routes: [
    {
      path: '/',
      redirect: '/setup'
    },
    {
      path: '/setup',
      component: Setup
    },
    {
      path: '/MonitoringScreen',
      component: MonitoringScreen
    },
    {
      path: '/devicescreen',
      component: DeviceScreen
    },
    {
      path: '/WorkshopScreen',
      component: WorkshopScreen
    },
    {
      path: '/HomeScreen',
      component: HomeScreen
    }
  ]
})