dva.js和umi.js

最近公司的项目有用到dva框架 , 这里做下学习总结;菜鸟一枚 , 如有错误 , 欢迎指正 。
dva是什么

  • 官网:dva.js
一个轻量级的应用框架 , ta糅合了react-router、redux、fetch和用于处理异步的redux-saga
怎么用
dva.js和umi.js文章插图
webpack配置dva把配置文件以.webpackrc显示首先 , 更改.webpackrc为.webpackrc.js , 然后写入配置文件(注意:原有的数组改成对象的形式) 。
  • 反向代理配置(注意:检查 /api 是否匹配域名)

dva.js和umi.js文章插图
  • 配置环境变量 , 方便调试不同环境
1.引入cross-env
dva.js和umi.js文章插图
【dva.js和umi.js】2.修改package.json文件
dva.js和umi.js文章插图
3.项目根目录下新建.umirc.test.js和.umirc.prod.js两个文件
dva.js和umi.js文章插图
文件内定义不同环境对应的变量
dva.js和umi.js文章插图
4.然后分别运行不同脚本 , 就能拿到对应的环境值
配置browserHistory (umi版本需3.x以上)=====>项目结构如图
dva.js和umi.js文章插图
(1).配置.umirc文件 , 增加以下内容
dva.js和umi.js文章插图
若部署到服务器后不生效 , 需接着第2步配置
dva.js和umi.js文章插图
dva.js和umi.js文章插图
(3)Dockerfile文件中引入nginx.conf文件
dva.js和umi.js文章插图