React + Vite 多环境配置

news/2024/9/20 7:04:15 标签: react.js, 前端, 前端框架

 1.根目录创建文件:

.env.dev  //测试环境
.env.development //本地环境
.env.production //正式环境
.env.uat //预发布环境

 注变量名必须使用 VITE_API 开头

 2.package.json 配置:

           --mode  设置读取制定 .env文件 ,默认读取.env.production

"build": "vite build",  //打包正式环境
"build:dev": "vite build --mode dev", //打包测试环境
"build:uat": "vite build -mode uat", //打包预发布环境

  

 api调用:

      


http://www.niftyadmin.cn/n/5666794.html

相关文章

Java-Day02学习

Java-Day02 一维数组 1.声明数组 int[ ] a; //声明数组时不规定数组长度 2.分配空间 a new int[5]; //分配空间: 告诉计算机分配几个连续的空间。eg:scores new int[30]; avgAge new int[6]; name new String[30]; 3.赋值 a [0] 8; //向分配的格子里放数…

在WPF中自定义控件时如何选择基类

在WPF中需要自定义控件,首要要选择需要继承的基类 FrameworkElement 这是常用的最低级的基类。通常,只有当希望重写OnRender()方法并使用DrawingContext从头绘制内容时,才会继承该类。 Control 当从头开始创建控件时,这是最常用…

[Redis][String][上]详细讲解

目录 0.前言1.常见命令1.SET2.GET3.MSET && MGET4.SETNX && SETXX 2.计数命令1.INCR2.INCRBY3.DECR4.DECYBY5.INCRBYFLOAT6.注意 0.前言 字符串类型是Redis最基础的数据类型,关于字符串需要特别注意: Redis中所有的键的类型都是字符串类…

tasklist命令的应用实例

tasklist命令的应用实例 引言 在系统管理和故障排查过程中,了解当前正在运行的进程信息是至关重要的。Windows操作系统提供了一个强大的命令行工具——tasklist,它可以帮助用户查看当前系统中所有正在运行的进程及其相关信息。掌握这个命令的使用&…

通过npm安装 pnpm

安装pnpm npm install -g pnpm 获取当前配置的镜像地址 pnpm config get registry 设置新的镜像地址 pnpm set registry https://registry.npmmirror.com pnpm和npm的优劣 npm:优势:npm 是 Node.js 官方提供的包管理工具,它是默认的包管理器。具有广泛的…

java配置阿里云存储文件

1.maven导入依赖 <dependency><groupId>com.aliyun.oss</groupId><artifactId>aliyun-sdk-oss</artifactId><version>3.17.4</version></dependency> 如果使用的是Java 9及以上的版本&#xff0c;则还需要添加JAXB相关依赖。…

Unity教程(十六)敌人攻击状态的实现

Unity开发2D类银河恶魔城游戏学习笔记 Unity教程&#xff08;零&#xff09;Unity和VS的使用相关内容 Unity教程&#xff08;一&#xff09;开始学习状态机 Unity教程&#xff08;二&#xff09;角色移动的实现 Unity教程&#xff08;三&#xff09;角色跳跃的实现 Unity教程&…

leetcode刷题day23|回溯算法Part02(39. 组合总和 、40.组合总和II、131.分割回文串)

39. 组合总和 思路&#xff1a;这个题与77. 组合的差异在于元素可以无限制重复被选取&#xff0c;那么只需要更改startIndex即可&#xff0c;每一层递归都可以从头选用元素。 回溯三部曲与77. 组合基本一致。 代码如下&#xff1a; class Solution {List<List<Intege…