Vite中如何.env.development、.env.production 环境变量配置

zhige@

于 2024-02-15 12:16:42 发布

阅读量2.8k

点赞数 8

CC 4.0 BY-SA版权

文章标签：前端 javascript linux Vite

本文链接：https://blog.youkuaiyun.com/nyasm/article/details/136119495

本文介绍了如何在VueVite项目中使用`.env.development`和`.env.production`文件来分别管理开发和生产环境的页面标题和API路径，通过`import.meta.env`导入环境变量以便在代码中切换环境设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.env.development文件

# 页面标题
VITE_APP_TITLE = 测试环境标题

# 开发环境配置
VITE_APP_ENV = 'development'

# 开发环境
VITE_APP_BASE_API = '/dev-api'

.env.production文件

# 页面标题
VITE_APP_TITLE = 生产环境标题

# 生产环境配置
VITE_APP_ENV = 'production'

# 生产环