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

最新推荐文章于 2024-08-17 21:25:59 发布

闷葫芦-

最新推荐文章于 2024-08-17 21:25:59 发布

阅读量929

点赞数

分类专栏： WEB前端文章标签： javascript

本文链接：https://blog.csdn.net/qq_34527715/article/details/120648496

版权

WEB前端专栏收录该内容

29 篇文章 0 订阅

订阅专栏

在开发中我们可能需要区分多种情况，比如开发环境，测试环境，语法环境，在 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"
  }
}