vue3不同环境下如何配置代理

实际开发的时候，经常会遇到并行开发的需求，会出现第一个需求接口转发是一个地址，下一个需求接口转发是一个地址，这时候如何解决呢？

第一种情况：前端也不申请多套环境。

本地开发时，多加个代理，比如叫api2，然后在当前需求的接口前面使用这个。
在这里插入图片描述

但是会出现个问题，前端页面加载后，只有涉及当前需求的模块接口是通的，其他模块的接口报错（并不是说其他模块有问题，其他模块已提测），因为你本地启动后，前端只有一套环境，但是后端有俩套环境，二者不一致。如果当前需求的模块数据依赖于之前模块，那测试流程将无法走下去。

第二种情况：前端也申请俩套环境，配置相应的nginx。一般都是由运维配置，这样前端按照之前开发模式来就可以了，无需多加代理，nginx会把当前需求转发到后端对应的当前接口环境上，其他模块也不影响。

其实就是打包的时候 后端讲代码合并到之前需求代码上了 这样一致 就不用影响了

还有个问题，这种情况下，前端的启动命令都是一样 如果想区分不同环境下执行不同命令来区分环境的话，如何实现？

vue.config里面添加读取的代码

package.jason里面这么写