之前已经有一篇关于ts+axios的封装方法，但是那个封装不是利用纯ts方法封装的，略带有点瑕疵。仅用此文补充和参考，如果用ts文件，强烈建议用此文章封装方法。反之用js+axios即可。

通过本文你将学到：

1. typescript的class类进行封装axios；

2. ts接口类型判断定义；

3. get请求参数序列化；

4. axios.CancelToken取消重复请求方法使用；

5. AxiosRequestConfig和AxiosInstance 类型使用

6. 学会ts类实现接口方法；

具体实验步骤：

1、http.ts文件封装axios函数库

2、引用axios工具函数request

3、vue文件内引用api示例

备注：具体response响应回调判断要根据自己服务接口返回类型判断。这里我是以我的服务器响应数据格式为案例的。