jhbigscreen/src/router/index.js

import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'index',    
    component: () => import(/* webpackChunkName: "index" */ '../pages/index.vue')
  }, 
  {
    path: '/detail',
    name: 'detail',
    component: () => import(/* webpackChunkName: "detail" */ '../pages/projectDetail.vue')
  }, 
  {
    path: '/progress',
    name: 'progress',
    component: () => import(/* webpackChunkName: "progress" */ '../pages/projectProgress.vue')
  }
  , 
  {
    path: '/quality',
    name: 'quality',
    component: () => import(/* webpackChunkName: "quality" */ '../pages/projectQuality.vue')
  }
  , 
  {
    path: '/safety',
    name: 'safety',
    component: () => import(/* webpackChunkName: "safety" */ '../pages/projectSafety.vue')
  }
  , 
  {
    path: '/video',
    name: 'video',
    component: () => import(/* webpackChunkName: "video" */ '../pages/projectVideo.vue')
  }, 
  {
    path: '/aiVideo',
    name: 'aiVideo',
    component: () => import(/* webpackChunkName: "video" */ '../pages/toAIVideoProject.vue')
  }, 
  {
    path: '/engin',
    name: 'engin',
    component: () => import(/* webpackChunkName: "video" */ '../pages/projectEngin.vue')
  }
]
const router = new VueRouter({
  mode: 'hash',
  base: process.env.BASE_URL,
  routes
})

export default router