轉(zhuǎn)載自:https://segmentfault.com/a/1190000018072031
UMI 框架封裝的很好鸵膏,查了很多解決方案,親測這個(gè)方法有效,也是最簡單的。
1. 安裝 corss-env
UMI 2.0 以上版本應(yīng)該是默認(rèn)安裝好的拒担,只是沒有使用,所以安裝之前可以檢查下 package.json 文件攻询,如有从撼,可忽略此步驟。
npm install --save-dev cross-env
2. 在
config/config.js
文件里配置開發(fā)環(huán)境的apiUrl
define: {
"process.env.apiUrl":'https://www.dev.com/'
},
3. 復(fù)制兩次
config/config.js
钧栖,并更改文件名為config/config.test.js
和config/config.prod.js
低零,分別配置apiUrl
// config.test.js
define: {
"process.env.apiUrl":'https://www.test.com/'
},
// config.prod.js
define: {
"process.env.apiUrl":'https://www.prod.com/'
},
4. 在其他文件可以獲取
process.env.apiUrl
作為url前綴,如封裝axios
的request.js
// request.js
console.log(process.env.apiUrl);
5. 在
package.json
的scripts
處配置打包命令
"build-dev": "cross-env UMI_ENV=dev umi dev",
"build-test": "cross-env UMI_ENV=test umi build",
"build-prod": "cross-env UMI_ENV=prod umi build",