/** * @name umi 的路由配置 * @description 只支持 path,component,routes,redirect,wrappers,name,icon 的配置 * @param path path 只支持两种占位符配置,第一种是动态参数 :id 的形式,第二种是 * 通配符,通配符只能出现路由字符串的最后。 * @param component 配置 location 和 path 匹配后用于渲染的 React 组件路径。可以是绝对路径,也可以是相对路径,如果是相对路径,会从 src/pages 开始找起。 * @param routes 配置子路由,通常在需要为多个路径增加 layout 组件时使用。 * @param redirect 配置路由跳转 * @param wrappers 配置路由组件的包装组件,通过包装组件可以为当前的路由组件组合进更多的功能。 比如,可以用于路由级别的权限校验 * @param name 配置路由的标题,默认读取国际化文件 menu.ts 中 menu.xxxx 的值,如配置 name 为 login,则读取 menu.ts 中 menu.login 的取值作为标题 * @param icon 配置路由的图标,取值参考 https://ant.design/components/icon-cn, 注意去除风格后缀和大小写,如想要配置图标为 则取值应为 stepBackward 或 StepBackward,如想要配置图标为 则取值应为 user 或者 User * @doc https://umijs.org/docs/guides/routes */ export default [ { path: '/user', layout: false, routes: [ { name: 'login', path: '/user/login', component: './User/Login', }, ], }, { path: '/welcome', name: 'welcome', icon: 'smile', component: './Welcome', }, { path: '/content', name: 'content', icon: 'table', routes: [ { path: '/content', redirect: '/content/headlines', }, { path: '/content/headlines', name: 'headlines', component: './Content/HeadLines', }, ], }, { path: '/peak', name: 'peak', icon: 'crown', routes: [ { path: '/peak/peaks', name: 'peaks', component: './Peak/Peak', }, ], }, { path: '/user', name: 'user', icon: 'crown', routes: [ { path: '/user/users', name: 'users', component: './User/Users', }, { path: '/user/userLevel', name: 'userLevel', component: './User/UserLevel', }, { path: '/user/factionLevel', name: 'factionLevel', component: './User/FactionLevel', }, ], }, { path: '/settings', name: 'settings', icon: 'crown', routes: [ { path: '/settings', redirect: '/settings/members', }, { path: '/settings/staff', name: 'staff', component: './Settings/Staff', }, { path: '/settings/role', name: 'role', component: './Settings/Role', }, { path: '/settings/menu', name: 'menu', component: './Settings/Menu', }, { path: '/settings/settings', name: 'settings', component: './Settings/Settings', }, ], }, { path: '/', redirect: '/welcome', }, { path: '*', layout: false, component: './404', }, ];