vue2,版本迭代开发中,如何设计脚手架,使在dev开发环境下,让部分请求接口为mock服务器

vue2,版本迭代开发中,如何设计脚手架,使在dev开发环境下,让部分请求接口为mock服务器

关于接口请求的前缀,我是按照
mock(模拟)、dev(开发)、test(测试)、pre(预发布)、production(正式)
5个环境来切换的

主要通过npm启动项目时 设置 --modeprocess.env.NODE_ENV 的值来统一切换所有接口当前请求的前缀

但我现在有个需求,就是

  • 新版本前端开发过程中:我希望原有的模块依旧保持请求 开发环境 前缀的接口,新的模块请求 mock环境 前缀的接口
  • 等后端把所有接口开发完毕后:原有模块 和 新的模块 都统一请求 dev开发环境 前缀的接口
  • 测试期间:所有模块能一键切换到 test测试环境 前缀的接口

目前按照我前面的描述,其实后两步是已经实现了的,主要是不清楚第一步应该如何设计脚手架更加合理,而且后期也能快速的一键切换环境


回答:

新的接口使用一个统一的接口前缀,与旧接口区别,比如老接口是/api/xxx,新的设置一个export const newPrefix = '/mockApi',本地模拟接口就使用这个判断转发,等开发环境的接口发布后,将newPrefix修改为'/api',与老接口统一就可以了~

以上是 vue2,版本迭代开发中,如何设计脚手架,使在dev开发环境下,让部分请求接口为mock服务器 的全部内容, 来源链接: utcz.com/p/935832.html

回到顶部