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

问题描述

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

解决方法

要将 env 变量添加到 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。

ant-design-pro umijs