96 lines
2.8 KiB
TypeScript
96 lines
2.8 KiB
TypeScript
|
/**
|
|||
|
|
* @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， 注意去除风格后缀和大小写，如想要配置图标为 <StepBackwardOutlined /> 则取值应为 stepBackward 或 StepBackward，如想要配置图标为 <UserOutlined /> 则取值应为 user 或者 User
|
|||
|
|
* @doc https://umijs.org/docs/guides/routes
|
|||
|
|
*/
|
|||
|
|
export default [
|
|||
|
|
{
|
|||
|
|
layout: false,
|
|||
|
|
name: 'login',
|
|||
|
|
path: '/login',
|
|||
|
|
component: './login',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
path: '/dashboard',
|
|||
|
|
name: 'dashboard',
|
|||
|
|
icon: 'dashboard',
|
|||
|
|
routes: [
|
|||
|
|
{
|
|||
|
|
path: '/dashboard',
|
|||
|
|
redirect: '/dashboard/analysis',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'analysis',
|
|||
|
|
icon: 'smile',
|
|||
|
|
path: '/dashboard/analysis',
|
|||
|
|
component: './dashboard/analysis',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'monitor',
|
|||
|
|
icon: 'smile',
|
|||
|
|
path: '/dashboard/monitor',
|
|||
|
|
component: './dashboard/monitor',
|
|||
|
|
},
|
|||
|
|
// {
|
|||
|
|
// name: 'workplace',
|
|||
|
|
// icon: 'smile',
|
|||
|
|
// path: '/dashboard/workplace',
|
|||
|
|
// component: './dashboard/workplace',
|
|||
|
|
// },
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'account',
|
|||
|
|
icon: 'user',
|
|||
|
|
path: '/account',
|
|||
|
|
routes: [
|
|||
|
|
{
|
|||
|
|
path: '/account',
|
|||
|
|
redirect: '/account/center',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'center',
|
|||
|
|
icon: 'smile',
|
|||
|
|
path: '/account/center',
|
|||
|
|
component: './account/center',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'settings',
|
|||
|
|
icon: 'smile',
|
|||
|
|
path: '/account/settings',
|
|||
|
|
component: './account/settings',
|
|||
|
|
},
|
|||
|
|
],
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: 'Todo管理',
|
|||
|
|
icon: 'user',
|
|||
|
|
path: '/todo',
|
|||
|
|
component: './todo',
|
|||
|
|
access: 'canAdmin',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name: '用户管理',
|
|||
|
|
icon: 'user',
|
|||
|
|
path: '/user',
|
|||
|
|
component: './user',
|
|||
|
|
access: 'canAdmin',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
path: '/',
|
|||
|
|
redirect: '/dashboard/analysis',
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
path: '*',
|
|||
|
|
layout: false,
|
|||
|
|
component: './404',
|
|||
|
|
},
|
|||
|
|
];
|