this is super vue-cli to mixins more methods
在开发过程中,我们可能经常要进行项目接口环境的切换。或者我们可能遇到多个测试环境的变更。(比如: 前后端分离,后端定义接口规范,前端需要mock服务提供接口。其次我们要发测试环境,要发预发环境,要发生产环境) 此项目就是为了简化这些步骤而扩展的vue-cli工具。
当我们开发的时候,我们需要先运行 npm run init
接着我们需要配置根目录下的 configEnv.json文件
,选择我们想要变更的接口环境
这里需要说明一下, 初始的时候,我们是没有configEnv.json这个文件的,这个文件在git中也是不会去 提交的,就是为了防止团队成员之间的环境冲突,这里我为了更好的演示,便提交了该文件
当我们需要进行项目发布时,会启动选项配置:
当选择不同的环境时,所取得接口地址也是不一样的,所以我们的接口配置文件是这样的:
- 这里我使用了mock服务生成接口文档,这里我使用了我们搜车公司提供的easy-mock 支持 Swagger,如果你不知道什么是Swagger,然后利用Easy Mock CLI 对接口进行自动生成
- 改造webpack config 文件,进行环境配置
# 安装依赖
npm install
# 生成环境配置文件
npm run init
# 自动生成接口
npm run api
# 启动测试服务
npm run dev
# 准备发布
npm run build