axios封装思想

面向对象解耦合

1.接口定义

接口定义通用的url,method,header, 极少数与axios耦合的参数

可以定义权限id,方便进行权限管控,即此接口对象完全可以由后端人员维护。

2.页面调用者

基于restful API,调用者会给到执行器两类参数:

a.url 参数  urlData

b.请求体或query参数(query参数在url后面)  data

3.ajax请求执行器

对axios进行简单封装,接收调用者传过来的接口名,urlData,data,

使用urlData替换接口对象中url中的占位符

如果是get使用 params: data传参,最好对data进行encodeURIComponent编码

如果是非get使用 data: data传参

同时可以进行权限验证,无权限不请求直接抛出异常,而不是经过后端。

对ie11进行兼容

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。