0
点赞
收藏
分享

微信扫一扫

vite项目import.meta.env能获取非VITE开发的环境变量

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

举报

相关推荐

0 条评论