- 背景
在一个大型的项目开发过程中,作为一个前端开发人员,很可能存在需要与多为后端开发人员进行本地联调,为了避免重复去修改本地的接口地址,故可以将各个后台开发人员的本地接口接口地址配置进配置项,一般不需要重复修改。 - 步骤
1). vue项目中,启动本地开发环境时命令为npm run dev
,在package.json中可看见配置的启动命令:
根据这个我们可以配置后台开发人员的本地接口的启动命令,如下:
在配置中使用到了cross-env—运行跨平台设置和使用环境变量的脚本,详情可查一下。
2). 然后修改config----》index.js文件和dev.env.js文件, 位置如下:
修改为如下:
vue项目中,多位后端开发人员时,避免联调时重复改IP,将各位开发人员的地址进行配置,只需启动不同配置即可
![](https://img-home.csdnimg.cn/images/20240711042549.png)