zz130428的博客

自>= umi@2起，dva的整合可以直接通过来配置。按目录约定注册 model，无需手动 app.model文件名即 namespace，可以省去 model 导出的 namespace key无需手写 router.js，交给 umi 处理，支持 model 和 component 的按需加载内置 query-string 处理，无需再手动解码和编码内置 dva-loading 和 dva-immer，其中 dva-immer 需通过配置开启开箱即用，无需安装额外依赖

在一些场景中，无法做服务端的 html fallback，即让每个路由都输出 index.html 的内容，那么就要做静态化。对于需要在 html 里管理 publicPath 的场景，比如在 html 里判断环境做不同的输出，可通过配置。有些静态化的场景里，是不会自动读索引文件的，比如支付宝的容器环境，那么就不能生成这种 html 文件，，那就匹配不上了，而又没有定义 fallback 的路由，比如 404，那就会显示空白页。为什么我本地开发是好的，部署后就没反应了，而且没有报错？

Mock 数据是前端开发过程中必不可少的一环，是分离前后端开发的关键链路。通过预先跟服务器端约定好的接口，模拟请求数据甚至逻辑，能够让前端开发独立自主，不会被服务端的开发所阻塞。

umi 允许在.umirc.js或config/config.js（二选一，.umirc.js优先）中进行配置，支持 ES6 语法。为简化说明，文档里只会出现。区分不同环境来指定配置。，所以通常需要配置到。

倾向于使用配置式的路由，可以配置 .umirc.(ts|js) 或者 config/config.(ts|js) 配置文件中的 routes 属性，此配置项存在时则不会对 src/pages 目录做约定式的解析。可能需要针对不同路由输出不同的全局 layout，umi 不支持这样的配置，但你仍可以在 layouts/index.js 对 location.path 做区分，渲染不同的 layout。然后 umi 会用 ./routes/PrivateRoute.js 来渲染 /list。

‌Umi‌是一个基于React的前端框架，它提供了一套完整的开发工具和脚手架，帮助开发者更高效地构建单页应用(SPA)。以下是使用Umi的一些基本步骤和技巧。

umi 是由 dva 的开发者 云谦 编写的一个新的 React 开发框架。umi 既是一个框架也是一个工具，可以将它简单的理解为一个专注性能的类 next.js 前端框架，并通过约定、自动生成和解析代码等方式来辅助开发，减少开发者的代码量。umi 是通用方案，适用于现在几乎所有的 web 环境。