如何将自己的环境变量传递给 UMIJS 应用程序？

【问题标题】：How to pass own environment variable to UMIJS application?如何将自己的环境变量传递给 UMIJS 应用程序？
【发布时间】：2021-07-20 10:29:00
【问题描述】：

我已经使用 UMIJS 创建了一个应用程序并且工作正常。但是现在我想使用 .env 文件或通过导出它们来将一些环境变量加载到我的应用程序中。但是没有一个变量被传递给应用程序。
此外，所有其他库（如 dotenv 等）都无法正常工作。
只有 UMIJS 定义的环境变量像 PORT HOST 等一样工作。
这对我以某种方式将我的环境变量加载到应用程序非常重要。任何对此有任何完美解决方案的人都会有很大帮助。

【问题讨论】：

标签： ant-design-pro umijs

【解决方案1】：

要将环境变量添加到 ant-design-pro 项目，请转到 config\config.ts 或 config\config.js，具体取决于您使用的是 js 版本还是 ts 版本。

添加一个define 键并在您的配置对象中为其分配一个对象，

export default defineConfig({
  .....
  define: {
    API_KEY: 'js3jhkj4n2kjnd',            
  },
});

然后您可以在项目文件中使用API_KEY，无需导入或在其前面加上process.env.API_KEY。

【讨论】：