javascript - 如何使用 Vite 从 .env 文件中加载环境变量

Question

我想使用Vite从.env文件中加载环境变量

我使用了文档import.meta.env中提到的对象

.env文件：

TEST_VAR=123F

当尝试通过import.meta.env->访问此变量时，import.meta.env.TEST_VAR它返回未定义。

那么，我怎样才能访问它们？

Answer 1

根据文档，您需要为变量添加前缀VITE_：

为了防止意外地将环境变量泄漏给客户端，只有以 VITE_ 为前缀的变量才会暴露给 Vite 处理的代码。

如果您尝试访问应用程序源代码之外的环境变量（例如 inside vite.config.js），那么您必须使用loadEnv()：

import { defineConfig, loadEnv } from 'vite';

export default ({ mode }) => {
    // Load app-level env vars to node-level env vars.
    process.env = {...process.env, ...loadEnv(mode, process.cwd())};

    return defineConfig({
      // To access env vars here use process.env.TEST_VAR
    });
}

Answer 2

如果你想访问你的环境变量 TEST_VAR 你应该在它前面加上VITE_

尝试类似的东西

VITE_TEST_VAR=123f

你可以访问它

import.meta.env.VITE_TEST_VAR