关于vue环境变量的使用

1、创建在根目录下
2、命名格式：命名分为 开发环境、测试环境、生产环境

一、环境变量写法方式

.env 基础系统变量，无论何种环境，都可使用其中配置的值，其他环境中的变量会覆盖.env中的同名变量。
.env.development 开发环境
.env.production 生产环境
.env.stage 测试环境

3、内容格式
例子写法：vue2 使用是以 VUE_开头
vue3使用vite进行编译，所以变量都要以 VITE_ 开头，例如.env.development中

NODE_ENV='development'
# must start with VUE_APP_ 
VUE_APP_ BB= 'development'
# 本地环境
VUE_APP_BB = '/api'  (开发环境Title)

二、使用多环境配置，package.json文件：用于build 打包配置

"scripts": {
    "dev": "vue-cli-service serve --open",
    "prod": "vue-cli-service build --mode production",
    "stage": "vue-cli-service build --mode staging",
  },

vue3 写法示例：

"scripts": {
    "dev": "vite --mode development",
    "stage": "vite --mode staging",
    "prod": "vite --mode production",
    "preview": "vite preview",
    "build": "vite build",
    "build:dev": "vite build --mode development",
    "build:prod": "vite build --mode production",
    "build:stage": "vite build --mode staging"
  },

环境变量参考