umi 环境变量 REACT_APP_ENV 配置

我们开发代码的时候可能需要不同的环境访问不同的后端地址。
测试环境 dev 使用测试环境的一套ip地址
正式环境prod 使用正式环境的一套ip地址
umi antd pro 项目框架中可以如下设置

1. 安装插件

yarn add -D  cross-env
yarn add -D  cross-port-killer

2. 修改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",

3. 修改访问后端接口的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: '',
  },
  };
}