服务端渲染一级栏目

components/pc/nav/navCard.vue

@@ -74,6 +74,7 @@
 
   },
   watch:{
+
     $route(to,from){
       this.type = this.$route.query.type
 

pages/blog/index.vue

@@ -110,34 +110,38 @@ export default {
       this.pages = this.articlePages;
     },
 
-     async dataGetBlogCategory(){
-       for(const val of this.typeList){
+     dataGetBlogCategory(){
+       this.typeList.map((val) => {
          if(!val.leaf){
-          let childListData = await this.$axios.$get(config.api.get.BlogCategory.childList+val.categoryId+'/categories')
-          let childList =[];
-          childListData.data.map((val,index)=>{
-            childList.push({
-              label: val.category,
-              address: '/blog',
-              childId: val.categoryId.toString(),
-            })
-          })
            this.list.push({
              label: val.category,
              address: '/blog',
              type: val.categoryId.toString(),
-            childList
+             childList:[]
            })
          }else{
-          await this.list.push({
+           this.list.push({
              label: val.category,
              address: '/blog',
              type: val.categoryId.toString(),
            })
          }
 
+       })
+       this.typeList.map(async (val,index) => {
+         if(!val.leaf){
+           let childListData = await this.$axios.$get(config.api.get.BlogCategory.childList+val.categoryId+'/categories')
+           let childList =[];
+           childListData.data.map((val,index)=>{
+             childList.push({
+               label: val.category,
+               address: '/blog',
+               childId: val.categoryId.toString(),
+             })
+           })
+           this.list[index+1].childList = childList
          }
-
+       })
     },
     getLabelTitle(){