设置.env文件来设置环境变量
基础环境配置：

• .env 全局加载，无论是什么环境都会合并加载 (环境变量配置的权重大于全局加载的：即相同变量，其他的变量环境配置会覆盖全局环境变量)
• .env.development开发环境下的配置文件
• .env.production生成环境环境下的配置文件

vue-cli 手脚架下的配置变量

变量需以VUE_APP_XXX形式命名

NODE_ENV=development
VUE_APP_BASE_RUL=/api

一般用于请求环境打包：

const request = axios.create({
    baseURL: process.env.VUE_APP_BASE_RUL
})

Vite 手脚架

变量命名格式为 VITE_XXX（只有通过该方式命名的变量才能暴露出去到项目中用） , 使用方式：import.meta.env.XXX

VITE_BASE_URL=/api

在项目中使用

const request = axios.create({
    baseURL: import.meta.env.VITE_BASE_URL
})
// 获取当前环境
console.log(import.meta.env.MODE) // development

react 手脚架

变量则是以REACT_APP_XXX命名模式，使用方式一致process.env.REACT_APP_XXX

NODE_ENV=development
REACT_APP_URL=/api