React 路由配置示例：页面懒加载与权限控制

import React from 'react';

let Main = React.lazy(() => import('.././pages/main')); let AllList = React.lazy(() => import('.././pages/AllList')); let Category = React.lazy(() => import('.././pages/Category')); let Login = React.lazy(() => import('.././pages/Login')); let Me = React.lazy(() => import('.././pages/Me')); let Cart = React.lazy(() => import('.././pages/Cart')); let Item = React.lazy(() => import('.././pages/Item'));

let routes = [ { path: '/', element:

, auth: false, name: '/' }, { path: '/AllList', element: , auth: false, name: '/AllList' }, { path: '/Cart', element: , auth: true, name: '/Cart' }, { path: '/Category', element: , auth: true, name: '/Category' }, { path: '/Me', element: , auth: true, name: '/Me' }, { path: '/Item/:id', element: , auth: true, name: '/Item' }, { path: '/Login', element: , auth: true, name: '/Login' }, ];

export default routes;