Typescript封装Axios——响应结果的类型处理

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);
  });

对于request/index.ts

import axios, {
    AxiosInstance, AxiosRequestConfig