최동원

code splitting

1 import Vue from 'vue' 1 import Vue from 'vue'
2 import VueRouter from 'vue-router' 2 import VueRouter from 'vue-router'
3 -import Home from '../views/Home.vue' 3 +// import Home from '../views/Home.vue'
4 -import Login from '../views/Login.vue' 4 +// import Login from '../views/Login.vue'
5 -import Main from '../views/Main.vue' 5 +// import Main from '../views/Main.vue'
6 -import Contact from '../views/Contact.vue' 6 +// import Contact from '../views/Contact.vue'
7 -import File from '../views/File.vue' 7 +// import File from '../views/File.vue'
8 -import FavList from '../views/FavList.vue' 8 +// import FavList from '../views/FavList.vue'
9 -import QuickList from '../views/QuickList.vue' 9 +// import QuickList from '../views/QuickList.vue'
10 -import Feedback from '../views/Feedback.vue' 10 +// import Feedback from '../views/Feedback.vue'
11 -import ToolView from '../views/ToolView' 11 +// import ToolView from '../views/ToolView'
12 -import RegistUser from '../views/RegistUser' 12 +// import RegistUser from '../views/RegistUser'
13 Vue.use(VueRouter); 13 Vue.use(VueRouter);
14 14
15 15
...@@ -20,48 +20,52 @@ export default new VueRouter ({ ...@@ -20,48 +20,52 @@ export default new VueRouter ({
20 routes : [ 20 routes : [
21 { 21 {
22 path: '/', 22 path: '/',
23 + redirect: '/Login'
24 + },
25 + {
26 + path: '/home',
23 name: 'Home', 27 name: 'Home',
24 - component: Home 28 + component: () => import('../views/Home.vue')
25 }, 29 },
26 { 30 {
27 path: '/main', 31 path: '/main',
28 name:'Main', 32 name:'Main',
29 - component: Main 33 + component: () => import('../views/Main.vue')
30 }, 34 },
31 { 35 {
32 path: '/contact', 36 path: '/contact',
33 name:'Contact', 37 name:'Contact',
34 - component: Contact 38 + component: () => import('../views/Contact.vue')
35 }, 39 },
36 { 40 {
37 - path: '/RegistUser', 41 + path: '/registuser',
38 name: 'RegistUser', 42 name: 'RegistUser',
39 - component: RegistUser 43 + component: () => import('../views/RegistUser.vue')
40 }, 44 },
41 { 45 {
42 path: '/login', 46 path: '/login',
43 name: 'Login', 47 name: 'Login',
44 - component:Login, 48 + component: () => import('../views/Login.vue')
45 }, 49 },
46 { 50 {
47 path:'/file', 51 path:'/file',
48 name:'File', 52 name:'File',
49 - component: File 53 + component: () => import('../views/File.vue')
50 }, 54 },
51 { 55 {
52 path:'/fav', 56 path:'/fav',
53 name:'Fav', 57 name:'Fav',
54 - component: FavList 58 + component: () => import('../views/FavList.vue')
55 }, 59 },
56 { 60 {
57 path:'/quick', 61 path:'/quick',
58 name:'Quick', 62 name:'Quick',
59 - component : QuickList 63 + component : () => import('../views/QuickList.vue')
60 }, 64 },
61 { 65 {
62 path:'/feedback', 66 path:'/feedback',
63 name:'Feedback', 67 name:'Feedback',
64 - component: Feedback 68 + component: () => import('../views/Feedback.vue')
65 } 69 }
66 70
67 ] 71 ]
......