vue项目中,多位后端开发人员时,避免联调时重复改IP,将各位开发人员的地址进行配置,只需启动不同配置即可

在大型项目开发中,前端如何避免频繁修改后端接口IP?通过配置vue项目的启动命令,结合cross-env设置环境变量,分别在dev.env.js、qa.env.js等文件中配置各后端开发人员的本地接口地址,利用'/api'解决跨域问题,并对接口进行统一封装,方便切换不同后端的本地联调。
摘要由CSDN通过智能技术生成
  1. 背景
    在一个大型的项目开发过程中,作为一个前端开发人员,很可能存在需要与多为后端开发人员进行本地联调,为了避免重复去修改本地的接口地址,故可以将各个后台开发人员的本地接口接口地址配置进配置项,一般不需要重复修改。
  2. 步骤
    1). vue项目中,启动本地开发环境时命令为npm run dev,在package.json中可看见配置的启动命令:
    初始的配置命令
    根据这个我们可以配置后台开发人员的本地接口的启动命令,如下:
    配置多开发环境
    在配置中使用到了cross-env—运行跨平台设置和使用环境变量的脚本,详情可查一下。
    2). 然后修改config----》index.js文件和dev.env.js文件, 位置如下:
    修改文件位置
    修改为如下:在这里插入图片描述
  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值