umi app.tsx 运行时配置

在 umirc.ts中设置了 routes并不会直接显示在左侧，直接访问路由是可以的；
左侧菜单的初始化数据来源于config/config.ts文件里面的routes属性的值
umijs 约定 src/app.tsx 为运行时配置
设置左侧的导航菜单，由于涉及到 DOM无法配置在 .umirc.ts 中配置，需要在运行时配置，可以在 src/app.tsx中做如下配置

export function layout() {
  return {
    // 左侧菜单的动态路由，用来渲染访问路由
    menuDataRender: () => [
      {
        path: '/',
        name: '控制台',
      },
      {
        path: '/portfolio',
        name: 'DAG',
        children: [
          { path: '/drag', name: 'DAG有向无环图' },
          { path: '/drag-view', name: 'DAG预览' },
        ],
      },
      {
        path: '/flow-chart',
        name: '流程图'
      }
    ],
  };
}

• export 导出一个名为 layout 的函数，在函数中返回的对象即 ProLayout 的配置项
• menuDataRender 函数返回一个数组，实现动态路由，代表左侧导航菜单的数据

PageLoading