<返回更多

dva.js和umi.js

2020-10-16    
加入收藏

最近公司的项目有用到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

 

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

 

声明:本站部分内容来自互联网,如有版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▍相关推荐
更多资讯 >>>