umi.js
神奇大叔
这个作者很懒,什么都没留下…
展开
-
umi typescript写法model中的函数类型
Reducer、Effect、SubScription分别对应model中的函数类型原创 2020-07-20 10:37:19 · 812 阅读 · 0 评论 -
umi 运行时配置
1、在src下创建app.js/ts/tsx2、修改路由 export function patchRoutes({routes}){ routes为.umirc.ts中设置的routes数组,可以使用数组的方法插入删除 运行时在最前面插入一个路由 routes.unshift({ path:'/foo', exact:true, component:require('/路由路径').default 路由原创 2020-07-19 17:38:18 · 4897 阅读 · 0 评论 -
umi 整合dva
1、安装 cnpm install dva --save原创 2020-07-19 09:02:04 · 949 阅读 · 0 评论 -
umi Mock数据
1、在mock文件夹下创建文件 export default { 'GET /api/users': { users: [1, 2] }, '/api/users/1': { id: 1 }, GET可忽略 'POST /api/users/create': (req, res) => { 和express路由相同 // 添加跨域请求头 res.setHeader('Access-Control-Allow-Origin', '*');原创 2020-07-18 22:18:15 · 1343 阅读 · 0 评论 -
umi 路由
在.umirc.ts的routes进行路由配置 1、配置路由 routes:[{path:'/路径',components:'路径,@为src,不需要引入组件',exact:true}] 配置: redirect:'/重定向路由路径' title:'路由页面名称' wrappers:['/路由校验的组件路径'] 其中该组件: export default (props) => { 校验操作 return {prop原创 2020-07-18 22:13:41 · 4270 阅读 · 0 评论 -
umi 模板文件html
作用: 可以引入不支持npm的第三方库等 1、新建 src/pages/document.ejs,umi约定如果这个文件存在,会作为默认模板 在该ejs文件中script/link引入即可,其他文件中可直接使用原创 2020-07-18 20:36:28 · 3169 阅读 · 0 评论 -
umi 常用配置
在.umirc.ts中的defineConfig的对象中配置 1、配置是否让生成的文件包含 hash 后缀,通常用于增量发布和避免浏览器加载缓存。 hash:true, 默认为false 2、配置项目的根目录,还需配置第3个 base:'/x/' 默认为'/' 其中: 访问'/x/'路径才能访问项目的根路由 官方解释: 你有路由 / 和 /users,然后设置了 base 为 /foo/,那么就可以通过 /foo/ 和 /foo/users 访问到原创 2020-07-18 17:12:33 · 5827 阅读 · 0 评论 -
umi 项目搭建
1、创建项目 npm create xx2、进入项目路径安装依赖 cnpm install3、启动项目(项目内置了antd,需要时直接引入使用即可) npm start原创 2020-07-18 16:37:20 · 669 阅读 · 0 评论