问题：因为前端采用了mockjs，所以后端每出一个接口，我会在mock里面添加templates,以及新加接口，还会为/src/API/index.js里面再次写一遍这个接口，显得重复麻烦，所以要进行重构。
重构预期效果：
- 统一维护一个API List，然后每次新添加接口mock和api同时更新。
- 通过
this.$API进行全局调用，而不用每次都在组件里面导入。
[重构进度]：还没有删除旧版代码 || 代码没做更多优化
设计的API List的单元结构为：[API name]:{ url , method, data, headers}
如Test: {url: '/test', method: 'get', data: {}, headers: {}}
[逻辑介绍和功能说明]：如上述的Test: {url: '/test', method: 'get', data: {}, headers: {}}，‘Test’是
api-key。
mock部分
mock的原理是根据URL来拦截，所以设计了通过URL来查询api-key,查到之后再拿该api-key作为template-key去获取mock的数据模板。
ajax部分
ajax的使用是方法是输入一个api-key来获取对应的URL，method，data，headers，如果查询失败则返回notFound，如果查询成功但是缺少API List里的data里的字段或者headers里的字段，会抛出missingArguments。
值得一提的是，通过组件继承的方式来实现了全局方法的安装，如this.$API就可以调用API，this.$util就可以调用工具函数。
相关代码文件路径
最终效果
- 通过
this.$API('apiName')便可以在组件里调用API，而不用在组件内进行导入
- 添加API的时候在APIList添加好就行，并定义好mock的template即可，无需重复定义mock路由和ajax路由
- 添加了参数缺省判断，进行统一的错误拦截
问题：因为前端采用了mockjs，所以后端每出一个接口，我会在mock里面添加templates,以及新加接口，还会为/src/API/index.js里面再次写一遍这个接口，显得重复麻烦，所以要进行重构。
重构预期效果：
this.$API进行全局调用，而不用每次都在组件里面导入。[重构进度]：还没有删除旧版代码 || 代码没做更多优化
设计的API List的单元结构为：[API name]:{ url , method, data, headers}
如
Test: {url: '/test', method: 'get', data: {}, headers: {}}[逻辑介绍和功能说明]：如上述的
Test: {url: '/test', method: 'get', data: {}, headers: {}}，‘Test’是api-key。mock部分
mock的原理是根据
URL来拦截，所以设计了通过URL来查询api-key,查到之后再拿该api-key作为template-key去获取mock的数据模板。ajax部分
ajax的使用是方法是输入一个
api-key来获取对应的URL，method，data，headers，如果查询失败则返回notFound，如果查询成功但是缺少API List里的data里的字段或者headers里的字段，会抛出missingArguments。值得一提的是，通过
组件继承的方式来实现了全局方法的安装，如this.$API就可以调用API，this.$util就可以调用工具函数。相关代码文件路径
最终效果
this.$API('apiName')便可以在组件里调用API，而不用在组件内进行导入