在Vite项目中,import.meta.env是一个全局对象,用于访问环境变量。默认情况下,import.meta.env只能获取到Vite的开发环境变量,而不能获取非Vite开发的环境变量。这是因为Vite使用特定的方式来处理环境变量,并提供了一个插件来注入这些环境变量。
如果你想在Vite项目中获取非Vite开发的环境变量,可以通过以下步骤:
- 安装
dotenv包:在Vite项目中,首先需要安装dotenv包,用于加载.env文件中的环境变量。可以使用以下命令进行安装:
npm install dotenv --save-dev- 创建
.env文件:在项目根目录下创建一个名为.env的文件,并在文件中定义你需要的环境变量。例如,.env文件内容如下:
API_URL=https://example.com/api- 在
vite.config.js中配置dotenv插件:打开vite.config.js文件,添加以下配置来启用dotenv插件:
import { defineConfig } from 'vite'
import dotenv from 'dotenv'
export default defineConfig({
plugins: [dotenv()],
})- 在你的代码中引入环境变量:现在你可以在你的代码中使用
process.env来访问环境变量。例如,可以通过process.env.API_URL来访问之前在.env文件中定义的API_URL环境变量。
注意事项:
- 在Vite项目中,
dotenv插件将会自动读取.env文件,并将其中的环境变量注入到process.env中。 .env文件应当被添加到你的代码版本控制系统的.gitignore文件中,以避免将敏感信息提交到源代码库中。
通过上述步骤,你可以在Vite项目中使用import.meta.env来获取非Vite开发的环境变量。










