diff --git a/src/components/layout.vue b/src/components/layout.vue
index 25675d98d1b11033426d5081a6a3869a53949d01..27626390e4ae99c6282307db4e827b7d2c5f62e0 100644
--- a/src/components/layout.vue
+++ b/src/components/layout.vue
@@ -20,7 +20,9 @@
                 <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
             </el-menu>
         </el-header>
-        <el-main>Main</el-main>
+        <el-main>
+            <router-view></router-view>
+        </el-main>
     </el-container>
 </template>
 <script>
diff --git a/src/main.js b/src/main.js
index 937e7cb80d8bb2f0cfcdafb4ff79e81cdf0ccf81..815f7a71eee4fa2b560d85fa52f2e06072e42167 100644
--- a/src/main.js
+++ b/src/main.js
@@ -2,8 +2,10 @@ import Vue from 'vue'
 import App from './App.vue'
 import ElementUI from 'element-ui';
 import 'element-ui/lib/theme-chalk/index.css';
+import router from '@/router'
 Vue.config.productionTip = false
 Vue.use(ElementUI)
 new Vue({
+  router,
   render: h => h(App),
 }).$mount('#app')
diff --git a/src/router/index.js b/src/router/index.js
index 149fb8db1c35cdc513153fe346620d15c7b546c2..bfd66988fb8773630a7b3a3d49667a27c20478bc 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1 +1,8 @@
-import Router from "vue-router"
\ No newline at end of file
+import Vue from 'vue';
+import VueRouter from "vue-router"
+import routes from './routes'
+Vue.use(VueRouter)
+export default new VueRouter({
+    mode:'history',
+    routes
+})
\ No newline at end of file
diff --git a/src/router/routes.js b/src/router/routes.js
index aa18b6d8d88a101d55b2b9ec5177caefb40c820d..612e4b734892c211912e41c9f03a37c01e4989ab 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -1,8 +1,9 @@
+import Home from '@/views/Home/index.vue'
 export default [
     {
         path:'/',
-        name:'',
+        name:'home',
         meta:{},
-        component:null
+        component:Home
     }
 ]
\ No newline at end of file
diff --git a/src/views/Home/index.vue b/src/views/Home/index.vue
index 77d70747661c773c31bc819acba770e1bba8ca10..7a17422997cdffd5a175b514331ed1f4e1d9566c 100644
--- a/src/views/Home/index.vue
+++ b/src/views/Home/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div>
-        
+        主页
     </div>
 </template>
 <script>