/**
* @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: '/',
redirect: '/welcome',
},
{
path: '/trade',
name: '交易管理',
routes: [
{
name: '订单管理',
path: '/trade/order',
component: './trade/order/index',
},
],
},
{
path: '/prod1',
name: '商品管理1',
routes: [
{
path: '', // 空路径,匹配 /prod
redirect: 'list', // 相对路径重定向
},
{
name: '商品1',
path: '/prod1/list',
component: './prod/list/index',
},
{
name: '类目管理',
path: '/prod1/category',
component: './prod/category/index',
},
],
},
// {
// path: "/system",
// name: "系统管理",
// routes: [
// {
// name: "商品管理",
// path: "/system/menu",
// component: "./system/menu/index",
// },
// ],
// },
{
component: '404',
layout: false,
path: '*',
},
];