最近的项目有用到dva，这里做下学习总结；
菜鸟一枚，如有错误，欢迎指正。

dva是什么

• 官网：dva.js

一个轻量级的应用框架，
ta糅合了react-router、redux、fetch和用于处理异步的redux-saga

怎么用

 

 

webpack配置

dva把配置文件以.webpackrc显示
首先，更改.webpackrc为.webpackrc.js，
然后写入配置文件(注意：原有的数组改成对象的形式)。

• 反向代理配置(注意：检查 /api 是否匹配域名)

 

 

• 配置环境变量，方便调试不同环境

1.引入cross-env

 

2.修改package.json文件

 

3.项目根目录下新建.umirc.test.js和.umirc.prod.js两个文件

 

文件内定义不同环境对应的变量

 

4.然后分别运行不同脚本，就能拿到对应的环境值

配置browserHistory （umi版本需3.x以上）

=====>项目结构如图

 

(1).配置.umirc文件，增加以下内容

 

若部署到服务器后不生效，需接着第2步配置

 

 

 

 

(3)file文件中引入.conf文件

 

胜象大百科