在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开发的环境变量。