no message

src/router/index.js

@@ -1,26 +1,32 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
-import HomeView from '../views/HomeView.vue'
-
 Vue.use(VueRouter)
-
 const routes = [
   {
     path: '/',
-    name: 'home',
-    component: HomeView
+    name: 'about',
+    component: () => import('../views/01/index')
   },
   {
-    path: '/about',
+    path: '/01',
     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/AboutView.vue')
+    component: () => import('../views/01/index')
+  },
+  {
+    path: '/02',
+    name: 'about',
+    component: () => import('../views/02/index')
+  },
+  {
+    path: '/03',
+    name: 'about',
+    component: () => import('../views/03/index')
   }
 ]
 
 const router = new VueRouter({
+  mode: 'history',
+  base: process.env.BASE_URL,
   routes
 })