vue3环境文件的用法

环境变量建议放到项目根目录下，方便vite.config.ts文件读取和使用

.env.production  //生成环境变量配置
.env.development  //开发环境变量配置

环境值配置

要暴露出来给项目的其他文件使用一定要 VITE_ 开头，

VITE_APP_ENV=dev  
# 请求接口  
VITE_APP_BASE_URL = "/dev-api"

读取环境值

vite.condig.js中

const env = loadEnv(mode, process.cwd())  
const { VITE_APP_ENV,VITE_APP_BASE_URL } = env

其他文件中

const {VITE_APP_BASE_URL} = import.meta.env;
// 创建axios实例  
const service = axios.create({  
  // axios中请求配置有baseURL选项，表示请求URL公共部分  
  baseURL: VITE_APP_BASE_URL,  
  // 超时  
  timeout: 10000  
})