umi权限路由_05、使用umi(乌米)创建react 项目

$ mkdir myapp && cd myapp

$ yarn create umi 或者 npm create umi

WX20190121-111140.png

选择对应的需要的框架，回车就初始化好了项目

然后安装依赖

yarn 或者 npm install

最后运行

yarn start 或者 npm start

2、创建路由页面

umi g page index 对应的路由是 /index

//使用umi的路由

import Link from 'umi/link';

export default () => {

/* 普通使用 */

Go to list page

/* 带参数 */

Go to list page

/* 包含子组件 */

Go to list page

}

//使用命令跳转

// 普通跳转，不带参数

router.push('/list');

// 带参数

router.push('/list?a=b');

router.push({

pathname: '/list',

query: {

a: 'b',

},

});

3、配置权限路由(通过注释扩展路由)

/**