前言：使用 import.meta.env.VITE_APP_BASE_API 调用环境变量

开发环境使用：**.env.development**

# 开发环境配置
ENV = 'development'
 
# 开发环境地址
VITE_APP_BASE_API = '/dev-api'

生产环境使用：**.env.production**

# 生产环境配置
ENV = 'production'
 
# 生产环境地址
VITE_APP_BASE_API = '/prod-api'

使用：在不同环境中，其他文件使用import.meta.env.VITE_BASE_API就代表不同的地址，如

import axios from "axios";//创建一个axios的对象
 
//生成一个axios的实例
const http = axios.create({
  baseURL:import.meta.env.VITE_BASE_API,//开发环境就是xxxxxx，生产环境就是xxx
  timeout: 6000,//请求超时
});

配置package.json

"scripts": {
    "dev": "vite --mode dev",
    "prod": "vite --mode prod",
    "build": "vue-tsc -b && vite build",
    "build:dev": "vue-tsc -b && vite build --mode dev",
    "build:prod": "run-p type-check \"build-only {@} --mode prod\" --",
    "preview": "vite preview"
  },