Umi 路由配置

1,336 阅读1分钟

1.在src-layout新建commonLayout.js文件

`
import { Layout } from 'antd';
import styles from './CommonLayout.less';
import { ConfigProvider } from 'antd';
import zh_CN from 'antd/lib/locale-provider/zh_CN';
import moment from 'moment';
import 'moment/locale/zh-cn';
moment.locale('zh-cn');

const CommonLayout = ({ children }) => {
  const { Content } = Layout;
  return (
    <ConfigProvider locale={zh_CN}>
      <Layout className={styles.layout}>
        <Content className="site-layout-background" style={{ margin: 0 }}>
          {children}
        </Content>
      </Layout>
    </ConfigProvider>
  );
};

export default CommonLayout;
`

2.在根目录下建立 router.js文件

`
export default [
  {
    path: '/',
    component: '@/layouts/CommonLayout.js', //引入根路由
    routes: [
      { path: '/datadetails', component: '@/pages/ScreenTwo/index' }, // 第二屏
      { path: '/', component: '@/pages/Homepage/index' }, // 首屏
      { path: '/search', component: '@/pages/Search/index' }, // 列表搜索页

      { component: '@/pages/404' },
    ],
  },
  { component: '@/pages/404' },
];

`

这是大屏项目,有点看起来像路由跳转之类的