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

1、首先在项目根目录创建.env.development、.env.production两个文件

.env.development文件

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

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

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

.env.production文件

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

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

# 生产环境
VITE_APP_BASE_API = '/prod-api'

2、在项目中引入使用即可

const title = import.meta.env.VITE_APP_TITLE;

相关推荐

  1. vue3 vue+vite+ts 环境变量配置

    2024-02-16 02:54:01       27 阅读
  2. vite 配置 typescript 环境

    2024-02-16 02:54:01       9 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-02-16 02:54:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-02-16 02:54:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-02-16 02:54:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-02-16 02:54:01       18 阅读

热门阅读

  1. 奇异递归模板模式应用2-单例模板

    2024-02-16 02:54:01       35 阅读
  2. 2024/2/14

    2024-02-16 02:54:01       32 阅读
  3. Introduction to GraphQL-style APIs

    2024-02-16 02:54:01       29 阅读
  4. 在STM32微控制器中实现高速数据传输的DMA技巧

    2024-02-16 02:54:01       36 阅读
  5. 学习总结11

    2024-02-16 02:54:01       27 阅读
  6. 【30秒看懂大数据】数据标准

    2024-02-16 02:54:01       32 阅读
  7. 容器高级知识: 适配器模式与 Sidecar 模式的区别

    2024-02-16 02:54:01       33 阅读
  8. 算法刷题 DAY50

    2024-02-16 02:54:01       33 阅读
  9. Linux后台长时间以及定时运行python脚本

    2024-02-16 02:54:01       30 阅读
  10. ABC340 A-F题解

    2024-02-16 02:54:01       34 阅读
  11. 力扣_字符串7—交错字符串

    2024-02-16 02:54:01       34 阅读
  12. docker (二)-yum&二进制部署

    2024-02-16 02:54:01       32 阅读