11

src/router/index.js

@@ -1,26 +1,33 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
-import Home from '../views/Home.vue'
 
 Vue.use(VueRouter)
 
 const routes = [
   {
     path: '/',
-    name: 'Home',
-    component: Home
+    name: 'index',
+    component: () => import(/* webpackChunkName: "about" */ '../views/index/index')
   },
   {
-    path: '/about',
-    name: 'About',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
-  }
+    path: '/sp',
+    name: 'SchoolProfile',
+    component: () => import(/* webpackChunkName: "about" */ '../views/school_profile/index')
+  },
+  {
+    path: '/ts',
+    name: 'TeachingStaff',
+    component: () => import(/* webpackChunkName: "about" */ '../views/teaching_staff/index')
+  },
+  {
+    path: '/et',
+    name: 'EduTeach',
+    component: () => import(/* webpackChunkName: "about" */ '../views/edu_teach/index')
+  },
 ]
 
 const router = new VueRouter({
+  mode: 'history',
   routes
 })