ant-design-pro中使用环境变量的最优方案

2022-01-24 19:40:27 浏览数 (1)

不用环境使用不同的API SERVERM, 这就需要定制不同的打包运行命令

umi提供了UMI_ENV的环境变量来支撑用户自定义的环境

在ant-design-pro 中稍微有些不同,因为pro中没有 .umirc.js文件, 只有config/config.ts 具体步骤是

将config.ts 复制一份,定义为config.sit.ts 注意是复制

然后加入下面的代码

代码语言:javascript复制
define: {
    API_SERVER: "https://xxx.xxx.com", // 接口服务器地址
},

package.json 中

代码语言:javascript复制
"start": "cross-env UMI_ENV=sit umi dev"

在组件中可以直接这样使用

报错的话需要配置一下eslint验证规则

参考链接

https://github.com/ant-design/ant-design-pro/issues/1636

0 人点赞