最近公司的項目有用到dva框架,這里做下學(xué)習(xí)總結(jié);
菜鳥一枚,如有錯誤,歡迎指正。
dva是什么
- 官網(wǎng):dva.js
一個輕量級的應(yīng)用框架,
ta糅合了react-router、redux、fetch和用于處理異步的redux-saga
怎么用
webpack配置
dva把配置文件以.webpackrc顯示
首先,更改.webpackrc為.webpackrc.js,
然后寫入配置文件(注意:原有的數(shù)組改成對象的形式)。
- 反向代理配置(注意:檢查 /api 是否匹配域名)
- 配置環(huán)境變量,方便調(diào)試不同環(huán)境
1.引入cross-env
2.修改package.json文件
3.項目根目錄下新建.umirc.test.js和.umirc.prod.js兩個文件
文件內(nèi)定義不同環(huán)境對應(yīng)的變量
4.然后分別運行不同腳本,就能拿到對應(yīng)的環(huán)境值
配置browserHistory (umi版本需3.x以上)
=====>項目結(jié)構(gòu)如圖
(1).配置.umirc文件,增加以下內(nèi)容
若部署到服務(wù)器后不生效,需接著第2步配置
(3)Dockerfile文件中引入Nginx.conf文件