routes.ts 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. /**
  2. * @name umi 的路由配置
  3. * @description 只支持 path,component,routes,redirect,wrappers,name,icon 的配置
  4. * @param path path 只支持两种占位符配置,第一种是动态参数 :id 的形式,第二种是 * 通配符,通配符只能出现路由字符串的最后。
  5. * @param component 配置 location 和 path 匹配后用于渲染的 React 组件路径。可以是绝对路径,也可以是相对路径,如果是相对路径,会从 src/pages 开始找起。
  6. * @param routes 配置子路由,通常在需要为多个路径增加 layout 组件时使用。
  7. * @param redirect 配置路由跳转
  8. * @param wrappers 配置路由组件的包装组件,通过包装组件可以为当前的路由组件组合进更多的功能。 比如,可以用于路由级别的权限校验
  9. * @param name 配置路由的标题,默认读取国际化文件 menu.ts 中 menu.xxxx 的值,如配置 name 为 login,则读取 menu.ts 中 menu.login 的取值作为标题
  10. * @param icon 配置路由的图标,取值参考 https://ant.design/components/icon-cn, 注意去除风格后缀和大小写,如想要配置图标为 <StepBackwardOutlined /> 则取值应为 stepBackward 或 StepBackward,如想要配置图标为 <UserOutlined /> 则取值应为 user 或者 User
  11. * @doc https://umijs.org/docs/guides/routes
  12. */
  13. export default [
  14. {
  15. path: '/user',
  16. layout: false,
  17. routes: [
  18. {
  19. name: 'login',
  20. path: '/user/login',
  21. component: './User/Login',
  22. },
  23. ],
  24. },
  25. // {
  26. // path: '/home',
  27. // name: 'home',
  28. // icon: 'home',
  29. // component: './Home',
  30. // },
  31. {
  32. path: '/task',
  33. name: 'task',
  34. icon: 'crown',
  35. access: 'canAdmin',
  36. component: './Task',
  37. },
  38. {
  39. path: '/myTask',
  40. name: 'my-task',
  41. icon: 'fileText',
  42. access: 'canAdmin',
  43. component: './MyTask',
  44. },
  45. {
  46. path: '/opus',
  47. name: 'opus',
  48. icon: 'snippets',
  49. access: 'canAdmin',
  50. component: './Opus',
  51. },
  52. {
  53. path: '/income',
  54. name: 'income',
  55. icon: 'accountBook',
  56. access: 'canAdmin',
  57. component: './Income',
  58. },
  59. {
  60. path: '/download',
  61. name: 'download',
  62. icon: 'download',
  63. access: 'canAdmin',
  64. component: './Download',
  65. },
  66. {
  67. path: '/',
  68. redirect: '/User/Login',
  69. },
  70. {
  71. path: '*',
  72. layout: false,
  73. component: './404',
  74. },
  75. ];