vue3+Vite+Js项目搭建之：.env、.env.development、.env.production 环境变量配置

前言：使用 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,//请求超时
});