vite 的.env.development 可以动态配置API么,避免重复打包

问题遇到的现象和发生背景

我们项目的接口API是动态的,避免每次打包,会在public下手动更改一个api的配置,但是这个项目用到了.env.development,这个文件可以怎样获取到public文件夹下的js文件参数呢

问题相关代码,请勿粘贴截图

如图:此数据是动态的

img

我想要达到的结果

想要.env.development 可以获取到public下js的参数,避免重复打包

vite.config.js里面使用环境变量_mrjimin的博客-CSDN博客 文章目录一、前言二、使用步骤1.创建.env文件2.获取变量3.部署结果三、总结一、前言考虑到一个项目可能会有开发版本、上线版本、测试版本等等多个版本,不同的环境会有不同请求api接口,就需更改一些基本配置,基本路径,服务器代理这种都要更改一遍,这时候就显得很麻烦,所以这里就使用了环境变量提示:以下是本篇文章正文内容,下面案例可供参考二、使用步骤1.创建.env文件  直接在根目录下创建.env后缀的文件,.env ——全局的,没有设置其他环境变量时,会加载这个文件里的内容,比如所有版本都 https://blog.csdn.net/mrjimin/article/details/120546652?spm=1001.2014.3001.5502

希望对你有帮助😀

不是应该在 public文件夹下的js文件 获取 .env.development 的参数吗?

或者给你一个思路,
比如a情况使用 api的配置1 ,b情况使用 api配置2
你可以给 npm run serve 添加mode参数,a情况就--mode a,b情况就--mode b
不同mode有对应的env文件,
public文件夹下的js文件 根据 env文件 对应的参数 返回不同的配置
你就可以根据不同情况,启动不同的命令,就不用手动改配置了