vue3+vite 多个环境配置

是二牙2025-04-20 17:51

同一套代码再也不用在不同的环境里来回切换请求地址了

然后踩了一个坑就是env的文件路径是在当前项目下不是在views内

因为公司项目需求只有dev和pro两个环境虽然我新增了3个但是只在这两个里面配置了 .env是可以配置一些公共配置的目前需求来说不需要所以我也懒得配了。

typescript 复制代码

#【开发环境】
VITE_ENV = development
VITE_API_URL = http://xxxx/

typescript 复制代码

# 【生产环境】
VITE_ENV = production
VITE_API_URL = https://xxxx/

在请求的地址也配置上

typescript 复制代码

baseURL:import.meta.env.VITE_API_URL,// 设置基础 URL/\

个人觉得vite比webpack的打包好用更方便不需要在其他config文件内再配置什么东西

包括项目也会用到的上传图片功能因为上传的方法需要用其他的header类型去请求所以是单独写的请求方法按照之前的逻辑可以固定封装一个上传图片的组件现在不用拉直接用env自己定义的环境地址即可。