Modify front - index.js

frontend/src/router/index.js

 import Vue from 'vue'
 import Router from 'vue-router'
 
-
 Vue.use(Router)
 
-//import IndexPage from '@/components/IndexPage'
+import home from '@/components/home'
+import myPage from '@/components/myPage'
+import buy from '@/components/buy'
+import sell from '@/components/sell'
 import BookIndexPage from '@/components/BookIndexPage'
 import BookShowPage from '@/components/BookShowPage'
+import Login from '@/components/login/Login'
+import SignUp from '@/components/login/SignUp'
 
 export default new Router({
   mode: 'history',
   routes: [
-    // {
-    //   path: '/',
-    //   name: 'IndexPage',
-    //   component: IndexPage
-    // },
-
     {
       path: '/',
+      name: 'home',
+      component: home
+    },
+    {
+      path: '/myPage',
+      name : 'myPage',
+      component: myPage
+    },
+    {
+      path: '/buy',
+      name: 'buy',
+      component: buy
+    },
+    {
+      path: '/sell',
+      name: 'sell',
+      component: sell
+    },
+    {
+      path: '/BookIndexPage',
       name: 'bookindex',
       component: BookIndexPage
     },
     {
-      path: '/:id',
+      path: '/BookIndexPage:id',
       name: 'bookdetail',
       component: BookShowPage
+    },
+    {
+      path: '/login',
+      name: 'Login',
+      component: Login
+    },
+    {
+      path: '/login/signUp',
+      name: 'SignUp',
+      component: SignUp
     }
   ]
-})
+})
\ No newline at end of file