关于前端接口管理的一些思考

前言

在前端项目中，ajax请求太多，能不能都用一个文件夹去统一管理呢，然后吧接口当成函数一样调用呢，这样做的好处有

• 一个地方统一管理所有接口
• 避免多次重复写一样的接口
• 可配置请求方式，减少代码量

实现的思路

• 首先约定后端返回的数据模板格式
• 然后按每种不同的请求格式去封装不同的函数
• 将接口管理写在一个数组里面，遍历所有数组生成对应的函数并且挂在在vue.prototype的方法上
• 具体代码 https://github.com/qq919006380/test/tree/master/src/api

个人比较喜欢用数组配置，然后遍历这种写法，还有一总就是用对象来封装，然后将对象的方法嵌入到vue.prototype方法上，这种方法可以避免方法名重名问题。