最近公司的项目有用到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)Dockerfile文件中引入Nginx.conf文件