路由生成写法调整

 /*
  * @Date: 2022-05-16 17:21:45
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-06-29 06:19:41
+ * @LastEditTime: 2022-06-29 16:00:23
  * @FilePath: /tswj/src/utils/generateRoute.js
  * @Description: 文件描述
  */
-/**
- * 生成动态路由
- */
 import asyncRoutes from "../mock/routes"
 
-// 根据后台返回的路径，生成页面的组件模版
+/**
+ * 根据后台返回的路径，生成页面的组件模版
+ * @param {*} component 
+ * @returns 模版地址
+ */
 function loadView(component) {
   return () => import(`../views/${component}.vue`)
 }
 
 const formatRoutesArr = []
 
-asyncRoutes.forEach(route => {
+/**
+ * 生成路由结构
+ * @param {*} routes 动态获取数据
+ * @description 动态路由没有嵌套结构，children被拉平，都是平级的结构
+ */
+const formatRoutes = (routes) => {
+  routes.forEach(route => {
     const router = {}
     const {
       path,
@@ -35,13 +42,19 @@ asyncRoutes.forEach(route => {
     router.component = loadView(component)
     keepAlive && (router.keepAlive = keepAlive)
     meta && (router.meta = meta)
-  if (children && children instanceof Array && children.length > 0) {
-    router.children = formatRoutes(children)
-  }
+    router.children = !Array.isArray(children) || formatRoutes(children);
 
     formatRoutesArr.push(router)
-})
+  })
+}
+
+formatRoutes(asyncRoutes)
 
+/**
+ * 生成动态路由
+ * @param {*} to 
+ * @returns 符合路径条件的动态路由结构
+ */
 export const generateRoute = (to) => {
   let router = ''
   formatRoutesArr.forEach(item => {