使用typescript实现对后端接口规范,参数自动匹配,以及返回值的定义。

先看效果:^_^

Kapture 2021-08-16 at 16.36.56

API

将后端接口地址转成枚举

image-20210816165407095

ModelApi

使用declare module定义模块

image-20210816170207381

RequestParams:

定义请求的参数

image-20210816170928919

BaseParams:

包装请求的参数,这里使用的是axios,所以参数为**url,和data**

image-20210816170250637

BasePage:

定义列表的统一传参

image-20210816171223120

使用:

每一个参数定义都用|隔开!

image-20210816171139885

RequestRes:

接口返回定义

image-20210816170525015

BaseListRes:

定义列表的统一返回,(具体看接口怎么定义)

image-20210816171435763

使用:

image-20210816171550098

在post方法中使用(get同理):

image-20210816164403524

axios

使用axios请求

总结:

精髓在于使用了type关键字以及或操作符 “|” ,这样能在匹配到url这个参数的时候可以推导出data中的对应字段!( ^o^ )

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享