From 47a1bce8f9a8f53ca13338976987e62bbfd77d3e Mon Sep 17 00:00:00 2001
From: xing <fthvgb1@163.com>
Date: Wed, 17 Jun 2020 10:28:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AD=90=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Home.vue | 23 +++++++++++++++++++----
 src/main.js             |  4 ++++
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/src/components/Home.vue b/src/components/Home.vue
index 38c5428..312805a 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -13,20 +13,20 @@
           background-color="#313743"
           text-color="#fff"
           active-text-color="#ffd04b">
-          <el-submenu index="1">
+          <el-submenu :index="item.id + ''" v-for="item in menuList" :key="item.id">
             <!-- 一级菜单模板 -->
             <template slot="title">
               <!--图标-->
               <i class="el-icon-location"></i>
               <!--文本-->
-              <span>导航一</span>
+              <span>{{item.authName}}</span>
             </template>
             <!--二级菜单-->
-            <el-menu-item index="1-4-1">
+            <el-menu-item :index="subitem.id+''" v-for="subitem in item.children " :key="subitem.id + ''">
               <!--图标-->
               <i class="el-icon-location"></i>
               <!--文本-->
-              <span>导航一</span>
+              <span>{{subitem.authName}}</span>
             </el-menu-item>
           </el-submenu>
         </el-menu>
@@ -40,11 +40,26 @@
 <script>
 export default {
   name: 'Home',
+  data () {
+    return {
+      menuList: []
+    }
+  },
   methods: {
     logout () {
       sessionStorage.clear()
       this.$router.push('/login')
+    },
+    async getMenuList () {
+      const { data: res } = await this.$http.get('menus')
+      if (res.meta.status !== 200) {
+        return this.$message.error(res.meta.msg)
+      }
+      this.menuList = res.data
     }
+  },
+  created () {
+    this.getMenuList()
   }
 }
 </script>
diff --git a/src/main.js b/src/main.js
index e404c3a..88e1d4e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -8,6 +8,10 @@ import './assets/css/globel.css'
 import axios from 'axios'
 
 axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/'
+axios.interceptors.request.use(config => {
+  config.headers.Authorization = sessionStorage.getItem('token')
+  return config
+})
 Vue.prototype.$http = axios
 Vue.use(ElementUI)