ant-design-pro 多环境请求代理配置

在开发中我们可能需要区分多种情况，比如开发环境，测试环境，语法环境，在 Pro 中我们可以通过的环境变量来实现这个需求。

 

const serveUrlMap = {
  dev: 'https://dev.8jsj.cn/',
  pre: 'https://pre.8jsj.cn/',
  test: 'https://test.8jsj.cn/',
  idc: 'https://idc.8jsj.cn/',
};

const { SERVE_ENV = 'idc' } = process.env;

export default {
  // ....
  proxy: {
    '/server/api/': {
      target: serveUrlMap[SERVE_ENV],
      changeOrigin: true,
      pathRewrite: { '^/server': '' },
    },
  },
};

我们只要在 package.json 中配置好各种快捷命令，就可以做到快速切换。

{
  "scripts": {
    "start:dev": "cross-env SERVE_ENV=dev umi dev",
    "start:pre": "cross-env SERVE_ENV=pre umi dev",
    "start:test": "cross-env SERVE_ENV=test umi dev"
  }
}