vite项目配置环境变量
warning:
这篇文章距离上次修改已过288天，其中的内容可能已经有所变动。
在Vite项目中配置环境变量，你可以使用Vite提供的环境变量替换功能。以下是配置环境变量的步骤：
- 在项目根目录创建一个
.env文件，用于存储共享环境变量。 - 创建额外的
.env文件来区分不同的环境，如.env.development和.env.production。 - 在
.env文件中使用VITE_前缀来定义环境变量，例如VITE_API_URL=https://api.example.com。 - 在代码中通过
import.meta.env访问这些变量。
例如，你有一个.env.development文件：
NODE_ENV=development
VITE_API_URL=https://dev.api.example.com在.env.production文件中：
NODE_ENV=production
VITE_API_URL=https://prod.api.example.com在你的Vite项目中使用环境变量：
// 在你的代码中
console.log(import.meta.env.VITE_API_URL);当你在开发环境运行项目时，它会自动加载.env.development文件中的变量，在生产环境构建时加载.env.production文件中的变量。
记得不要将任何敏感信息（如密码或API密钥）提交到Git仓库中，可以使用npm的dotenv包或其他方法来安全地管理这些敏感信息。
评论已关闭