版权声明：本文为博主原创文章未经博主允许不得转载。 /qq_/article/details/

 

 
 
 

 
 

 
 
 

 页面发生了变化 但是头部没有变化，因为头部是公共的代码在src/layouts/index.js中
 
 

 
 
 

 3.路由之间跳转，修改index.js点击小丑图片，即鈳跳转
 
 

 

 那么umi 会自动生成路由配置如下：
 
 

umi是一个可插拔的企业级react应用框架umi以路由为基础的，支持类next.js的约定式路由以及各种进阶的路由功能
umi配以完善的插件体系，覆盖从源码到构建产物的每个生命周期
umi是蚂蚁金服的底层前端框架
umi 可以简单地理解为 roadhog + 路由思路类似 next.js/nuxt.js，辅以一套插件机制目的是通过框架的方式简化 React 开发

1.下载,并且版本是8.10或以上
2.推荐使用yarn管理npm依赖，并使用国内源

创建后pages目录如下

启动umi dev后pages下多个.umi的目录。这是 umi 的临时目录可以在这里做一些验证，但请不要直接在这里修妀代码
我们在 index 和 users 直接加一些路由跳转逻辑

然后浏览器验证应该已经可以在 index 和 users 两个页面之间通过路由跳转了。
通过 serve 做本地验证,正常情况下應该是和 umi dev 一致的
本地验证完就可以部署了，这里通过 now 来做演示

然后打开相应的地址就能访问到线上的地址了

最近有发现了一套dva过后的新的React应鼡框架--umijs 路由（当然也可叫做“优米”或者“五米”）网址：/umijs 路由/umi。

不知道对umijs 路由这套框架有所了解的小伙伴们，对这套框架有什么看法呢请留言哦！

也是刚刚了解这套框架，那么废话少说我们来切入主题吧umi 就是一套零配置，按最佳实践进行开发的前端框架

    一键切換单页和多页，一份代码同时部署到 cdn、容器、云凤蝶等环境详见部署文档。

启动 dev 服务器：

创建我们第一个umi页面：

在 pages 目录里新建首页

构建产物会生成在 dist 目录：

这样umijs 路由就可以算是上手了。

我们来看一下umi的目录结构：

一定要记得pages目录是强约定目录哦

小伙伴，有什么要说的呢谈一下，大家对支付宝这套新出框架“五米”的感想吧