
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 · 544 阅读 · 0 评论 -
umi.js-样式使用(学习笔记)
使用样式解决两个问题:保证类样式名称的唯一性:css-module样式代码的重复:less 或 sass局部样式和全局样式底层使用了webpack的加载器:css-loader(内部包含了css-module的功能)css文件 -> css-module -> 对象某个组件特有的样式,不与其他组件共享,通常,将该样式文件与组件放置在同一个目录(非强制性)(要保证类样式名称唯一)如果某些样式可能被某些组件共享,这样的样式,通常放到assets/css文件夹中。(要保证类样式名原创 2021-07-14 20:25:36 · 1924 阅读 · 0 评论 -
umi.js-使用dva(学习笔记)
使用dva官方插件集 umi-plugin-react文档:https://umijs.org/zh/plugin/umi-plugin-react.htmldva插件和umi整合后,将模型分为两种:全局模型:所有页面通用,工程一开始启动后,模型就会挂载到仓库局部模型:只能被某些页面使用,访问具体的页面时才会挂载到仓库定义全局模型在src/models目录下定义的js文件都会被看作是全局模型,默认情况下,模型的命名空间和文件名一致。定义局部模型局部模型定义在pages文件夹或其子文原创 2021-07-13 22:44:56 · 1749 阅读 · 0 评论 -
Umi.js-配置式路由(学习笔记)
配置式路由当使用了路由配置后,约定式路由全部失效。两种方式书写umi配置:使用根目录下的文件.umirc.js使用根目录下的文件config/config.js进行路由配置时,每个配置就是一个匹配规则,并且,每个配置是一个对象,对象中的某些属性,会直接形成Route组件的属性注意:component配置项,需要填写页面组件的路径,路径相对于pages文件夹如果配置项没有exact,则会自动添加exact为true每一个路由配置,可以添加任何属性Routes属性是一个数组,数组的每一原创 2021-07-12 21:51:53 · 2521 阅读 · 0 评论 -
umijs-约定路由(学习笔记)
约定式路由umi对路由的处理,主要通过两种方式:约定式:使用约定好的文件夹和文件,来代表页面,umi会根据开发者书写的页面,生成路由配置。配置式:直接书写路由配置文件路由匹配umi约定,工程中的pages文件夹中存放的是页面。如果工程包含src目录,则src/pages是页面文件夹。umi约定,页面的文件名,以及页面的文件路径,是该页面匹配的路由umi约定,如果页面的文件名是index,则可以省略文件名(首页)(注意避免文件名和当前目录中的文件夹名称相同)umi约定,如果src/lay原创 2021-07-11 12:59:50 · 1911 阅读 · 0 评论