vite中配置开发 && 生成中的环境变量 (env)vue3 vite中根据开发环境配置不同的请求地址在日常开发中，

vue3 vite中根据开发环境配置不同的请求地址

在日常开发中，会根据不同的开发环境来切换 env生产环境还是pro生产环境，如果每次都去手动切换难免会有疏忽的情况，万一打包后忘记切换那么开发中的脏数据会在生产中显示，造成严重影响

在vite中配置如下：

一、在项目中根目录【src同级】添加 .env.development (开发)

二、env.production (生产)

在.env文件中需要注意变量必须以 VITE 开头，否则 vite不识别！

//开发 .env.development
VITE_BASE_API='/api'

//生产 .env.production
VITE_BASE_API='/pro-api'

三、在request.js文件中进行引入使用：

const servers = axios.create({
  ...,
  baseURL: import.meta.env.VITE_BASE_API,
  ...,
});

vite会根据你执行的是 yarn run dev 还是 yarn run build 去引入不同的环境！

三、anywhere

当我们打包项目后，运行dist文件时可以借助 anywhere工具进行启动：

yarn add anywhere

yarn anywhere

持续更新中....