![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
umi.js
瓜皮伦
从你的前端路过
展开
-
umi.js-代理和数据模拟(学习笔记)
代理和数据模拟 代理 代理用于解决跨域问题 配置.umirc.js中的proxy,配置方式和devServer中的proxy配置相同 数据模拟 用于解决前后端协同开发的问题 数据模拟可以让前端开发者在开发时,无视后端接口是否真正完成,因为使用的是模拟的数据 umijs约定: mock文件夹中的文件 src/pages文件夹中的_mock.js文件 以上两种JS文件,均会被umijs读取,并作为数据模拟的配置 可以自行发挥,添加模拟数据,通常,我们会和mockjs配合。 .umirc.js配置代理 exp原创 2021-07-17 10:53:40 · 461 阅读 · 0 评论 -
umi.js-样式使用(学习笔记)
使用样式 解决两个问题: 保证类样式名称的唯一性:css-module 样式代码的重复:less 或 sass 局部样式和全局样式 底层使用了webpack的加载器:css-loader(内部包含了css-module的功能) css文件 -> css-module -> 对象 某个组件特有的样式,不与其他组件共享,通常,将该样式文件与组件放置在同一个目录(非强制性)(要保证类样式名称唯一) 如果某些样式可能被某些组件共享,这样的样式,通常放到assets/css文件夹中。(要保证类样式名原创 2021-07-14 20:25:36 · 1697 阅读 · 0 评论 -
umi.js-使用dva(学习笔记)
使用dva 官方插件集 umi-plugin-react 文档:https://umijs.org/zh/plugin/umi-plugin-react.html dva插件和umi整合后,将模型分为两种: 全局模型:所有页面通用,工程一开始启动后,模型就会挂载到仓库 局部模型:只能被某些页面使用,访问具体的页面时才会挂载到仓库 定义全局模型 在src/models目录下定义的js文件都会被看作是全局模型,默认情况下,模型的命名空间和文件名一致。 定义局部模型 局部模型定义在pages文件夹或其子文原创 2021-07-13 22:44:56 · 1624 阅读 · 0 评论 -
Umi.js-配置式路由(学习笔记)
配置式路由 当使用了路由配置后,约定式路由全部失效。 两种方式书写umi配置: 使用根目录下的文件.umirc.js 使用根目录下的文件config/config.js 进行路由配置时,每个配置就是一个匹配规则,并且,每个配置是一个对象,对象中的某些属性,会直接形成Route组件的属性 注意: component配置项,需要填写页面组件的路径,路径相对于pages文件夹 如果配置项没有exact,则会自动添加exact为true 每一个路由配置,可以添加任何属性 Routes属性是一个数组,数组的每一原创 2021-07-12 21:51:53 · 2393 阅读 · 0 评论 -
umijs-约定路由(学习笔记)
约定式路由 umi对路由的处理,主要通过两种方式: 约定式:使用约定好的文件夹和文件,来代表页面,umi会根据开发者书写的页面,生成路由配置。 配置式:直接书写路由配置文件 路由匹配 umi约定,工程中的pages文件夹中存放的是页面。如果工程包含src目录,则src/pages是页面文件夹。 umi约定,页面的文件名,以及页面的文件路径,是该页面匹配的路由 umi约定,如果页面的文件名是index,则可以省略文件名(首页)(注意避免文件名和当前目录中的文件夹名称相同) umi约定,如果src/lay原创 2021-07-11 12:59:50 · 1794 阅读 · 0 评论