在Vite项目中,​​import.meta.env​​​是一个全局对象,用于访问环境变量。默认情况下,​​import.meta.env​​只能获取到Vite的开发环境变量,而不能获取非Vite开发的环境变量。这是因为Vite使用特定的方式来处理环境变量,并提供了一个插件来注入这些环境变量。

如果你想在Vite项目中获取非Vite开发的环境变量,可以通过以下步骤:

  1. 安装dotenv包:在Vite项目中,首先需要安装dotenv包,用于加载.env文件中的环境变量。可以使用以下命令进行安装:
npm install dotenv --save-dev
  1. 创建.env文件:在项目根目录下创建一个名为.env的文件,并在文件中定义你需要的环境变量。例如,.env文件内容如下:
API_URL=https://example.com/api
  1. 在vite.config.js中配置dotenv插件:打开vite.config.js文件,添加以下配置来启用dotenv插件:
import { defineConfig } from 'vite'
import dotenv from 'dotenv'

export default defineConfig({
  plugins: [dotenv()],
})
  1. 在你的代码中引入环境变量:现在你可以在你的代码中使用process.env来访问环境变量。例如,可以通过process.env.API_URL来访问之前在.env文件中定义的API_URL环境变量。

注意事项:

  • 在Vite项目中,​​dotenv​​插件将会自动读取​​.env​​文件,并将其中的环境变量注入到​​process.env​​中。
  • ​​.env​​文件应当被添加到你的代码版本控制系统的​​.gitignore​​文件中,以避免将敏感信息提交到源代码库中。

通过上述步骤,你可以在Vite项目中使用​​import.meta.env​​来获取非Vite开发的环境变量。

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐