路由配置

    {
      "path": "${APP.homepage}",
      "exact": true,
      "menu": {
        "sidebarMenu": {
          "title": "APP 管理",
          "link": "${APP.homepage}",
          "icon": {
            "lib": "easyops",
            "category": "app",
            "icon": "mysql-resource"
          },
          "defaultCollapsed": true
        }
      },
      "providers": [
        ...
      ],
      "bricks": [
        ...
      ]
    }

我们复制第 1 个路由的相关配置进行讲解：

• path：页面的地址，为了统一单个微应用的前缀路径，可以使用${APP.homepath}变量来做占位符指定，此示例这里表示/demo
• exact：是否精确匹配，在storyboard 的整体结构可以看到routes是一个有顺序的数组，页面的路由匹配是从上往下的，如果exact=true表示页面路由精确匹配，比如这里只能匹配/demo，而不能再匹配/demo/xxx；而如果exact=false的话，则以/demo开头的页面地址都会路由到此配置上
• menu：该页面的左侧菜单栏配置，因为此菜单比较简单，我们抽取第 2 个路由的菜单来做详解，具体内容见菜单配置
• bricks：该页面使用到的构件列表，具体内容我们下节来讲
• providers：预定义使用的providers，这个是最近新增的 key，有了这个配置能力后，可以在一个入口出统一去管理声明providers，这样便于管理

更多配置见 RouteConf