江苏龙网

  1. 首页 > 人文 > >

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文章插图


    推荐阅读


    上一篇：“下周回国”贾跃亭接着“续命”：再次拿到近3亿融资进行造车梦

    下一篇：被大厂面试官问烂的算法图解：你还不明白如何找出栈中的最小值？