当前位置: 首页 > article >正文

vite 多环境变量配置

创建.env.production、.env.develoment、.env.test 文件

配置不同环境的环境变量

例如:

.env.production

NODE_ENV='production'
# API URL
VITE_APP_API_URL='/'

.env.develoment

NODE_ENV='development'
# API URL
VITE_APP_API_URL='/api'

修改package.json中scripts

在指令后加上相应的mode

"dev": "vite --mode develoment",
"test:unit": "vitest --mode test",
"build": "run-p type-check \"build-only {@}\" --  \n --mode production",

查看和使用环境变量

通过使用import.meta.env 获取当前所有的环境变量

console.log('环境变量:', import.meta.env);   // 打印环境变量

可以通过环境变量来控制axios的baseURL

const service = axios.create({
  baseURL: import.meta.env.VITE_APP_API_URL || '',
  withCredentials: true,
  timeout: 50000,
  headers: { "Content-Type": "application/json;charset=utf-8" },
});

http://www.kler.cn/a/457007.html

相关文章:

  • LabVIEW冷却风机性能测试系统
  • 【PCIe 总线及设备入门学习专栏 4.2 -- PCI 总线的三种传输模式 】
  • PyTorch中的autocast:混合精度训练的实现原理
  • 如何根据数据分布特性,选择合适的聚类算法,以优化K-Means算法对非球形分布数据的聚类效果?
  • 自动驾驶新纪元:城区NOA功能如何成为智能驾驶技术的分水岭
  • MySQL从入门到入土---MySQL表的约束 (内含实践)---详细版
  • 安装 PostgreSQL 数据库的教程
  • 新品:SA628F39大功率全双工音频传输模块
  • systemverilog语法:assertion summary
  • 前端node.js
  • SpringBoot + vue 管理系统
  • 未来具身智能的触觉革命!TactEdge传感器让机器人具备精细触觉感知,实现织物缺陷检测、灵巧操作控制
  • SQL中的窗口函数
  • 【HarmonyOS之旅】ArkTS语法(一)
  • PDF书籍《手写调用链监控APM系统-Java版》第3章 配置文件系统的建立
  • 机器人C++开源库The Robotics Library (RL)使用手册(二)
  • 前端开发中的常用工具函数解析与应用
  • 实时计算Flink版
  • 有一个4*5的矩阵如下,要求编写程序计算总和与平均值,并找出其中值最大的那个元素输出,以及其所在的行号和列号。
  • Flink Data Source详解
  • Cookie+Redis+自定义参数解析器+AOP+自定义校验注解实现鉴权+改动CustomException
  • windows C#-嵌套类型
  • 原点安全再次入选信通院 2024 大数据“星河”案例
  • 【Linux学习六】压缩和解压类
  • 安装宝塔面板 安装MySQL 使用DataGrip连接
  • IDEA开发Java应用的初始化设置