我們開(kāi)發(fā)代碼的時(shí)候可能需要不同的環(huán)境訪(fǎng)問(wèn)不同的后端地址吱型。
測(cè)試環(huán)境 dev 使用測(cè)試環(huán)境的一套ip地址
正式環(huán)境prod 使用正式環(huán)境的一套ip地址
umi antd pro 項(xiàng)目框架中可以如下設(shè)置
- 安裝插件
yarn add -D cross-env
yarn add -D cross-port-killer
- 修改package.json
"start": "cross-env REACT_APP_ENV=local umi dev",
"build": "cross-env REACT_APP_ENV=production umi build",
"buildtest": "cross-env REACT_APP_ENV=test umi build",
- 修改訪(fǎng)問(wèn)后端接口的url.ts文件
let Url: urlType = {
login: {
title: '登錄接口',
url: '',
},
analysis: {
title: '',
url: '',
},
productIndex: {
title: '',
url: '',
},
};
if(REACT_APP_ENV === 'production'){
Url = {
login: {
title: '登錄接口',
url: '',
},
analysis: {
title: '',
url: '',
},
productIndex: {
title: '',
url: '',
},
};
}
