使用 umi dva 開發配置介面環境

2021-10-19 10:37:55 字數 743 閱讀 4126

之後會問你選擇 ts 嗎? ,是否使用antd, dva, code spliting ,dll,可選的,自己決定

最後,啟動專案,開啟控制台,一堆警告,和錯誤提示,關於警告,就是react 鉤子在新版本已經換名字了,現在的這些以後會過時了,都是 .umi 檔案報的,並不是例項**錯誤,你可以選擇不展示在控制台

在控制台把這個關閉就不會展示了

目錄結構呢,就不說了,文件上有的

接著,通過環境變數 umi_env 區分不同環境來指定配置。配置開發環境,測試環境,和生產介面環境

安裝 cross-env

yarn add cross-env

修改 .umirc.js 檔案,新增乙個 define屬性(這個是測試及開發)

配置生產環境,賦值乙份這個檔案 改名為 .umirc.prod.js ,把介面換成你的正式伺服器介面

修改打包指令, 在package.json 中

export const dva = ,

},};

console.log(process.env.apiurl);

6. 列印開發 成功 !

測試伺服器介面打包, 執行 npm run devbuild ,列印同開發環境

列印生產介面位址

關於其它多項配置,自己參考文件吧

至此,不同的環境打包配置完畢,接下來,你就可以在 src 下建立 utils 檔案,封裝 ajax 服務了

baseurl 就是 process.env.apiurl的值

API介面開發 配置 實現 測試

api介面開發 配置 實現 測試 本處以apache為例,檢視apache的conf目錄下httpd.conf,找到下面的 loadmodule rewrite module modules mod rewrite.so將其前面的 去掉,如果沒有找到則新增進去。找到一下 allowoverride ...

flask 開發配置

一 在虛擬機器裡面安裝ubuntu系統.略 二 apt install python3 pip 安裝pip,pip3 install upgrade pip 三 pip3 install virtualenv 安裝虛擬環境 virtualenv env 建立環境 virtualenv no site...

webpack開發配置

webpack打包js配置 新增eot woff ttf svg 把resposive直接打包到vendor,頁面無需引入 新增環境判斷 動態獲取publicpath authors jean chueng jean0920 163.com date 2016 08 08 10 41 31 vers...