Typescript封装Axios——响应结果的类型处理_response: () typescript

5、响应结果的类型处理

在modules/entire.ts中已经能够获得响应的数据，目前获得的数据是没有数据的类型的，因此什么操作也做不了，因此应配置其类型

interface IHighScoreData {
   
  list: any[];
  subtitle: string;
  title: string;
  type: string;
  _id: string;
}

// 将类型传入request
hdRequest2
  .request<IHighScoreData>({
   
    url: "/home/highscore",
    interceptors: {
   
      requestSuccessFn: (config) => {
   
        console.log("/home/highscore请求成功的拦截");
        return config;
      },
      responseSuccessFn: (res) => {
   
        console.log("/home/highscore响应成功的拦截");
        console.log(res);
        return res;
      },
    },
  })
  .then((res) => {
   
    // 9、这里结果就能使用IHighScoreData类型了
    console.log(res._id);
  });
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

对于request/index.ts

import axios, {
    AxiosInstance, AxiosRequestConfig
1