- 背景
在一个大型的项目开发过程中,作为一个前端开发人员,很可能存在需要与多为后端开发人员进行本地联调,为了避免重复去修改本地的接口地址,故可以将各个后台开发人员的本地接口接口地址配置进配置项,一般不需要重复修改。 - 步骤
1). vue项目中,启动本地开发环境时命令为npm run dev,在package.json中可看见配置的启动命令:

根据这个我们可以配置后台开发人员的本地接口的启动命令,如下:

在配置中使用到了cross-env—运行跨平台设置和使用环境变量的脚本,详情可查一下。
2). 然后修改config----》index.js文件和dev.env.js文件, 位置如下:

修改为如下:

使用"/api"来代替"接口地址"还可以解决跨域问题,在不同的环境配置文件中还可以配置对应的接口地址,dev.env.js文件配置如下:
'use strict'
con

在大型项目开发中,前端如何避免频繁修改后端接口IP?通过配置vue项目的启动命令,结合cross-env设置环境变量,分别在dev.env.js、qa.env.js等文件中配置各后端开发人员的本地接口地址,利用'/api'解决跨域问题,并对接口进行统一封装,方便切换不同后端的本地联调。
最低0.47元/天 解锁文章

被折叠的 条评论
为什么被折叠?



