TS类型-axios二次封装

补充:后端返回的数据下载json2ts插件,使用ctrl+Alt+v快捷键生成ts类型

在untils/request.ts中封装函数

// 后端返回的接口数据格式

 

export interface ResponseData<T = unknown> {

    code: string;

    msg: string;

    result: T;

}

export const http = <T>(method: Method, url: string, submitData?: unknown) => {

  return instance.request< ResponseData<T>>({

    url,

    method,

    // 🔔 自动设置合适的 params/data 键名称，如果 method 为 get 用 params 传请求参数，否则用 data

    [method.toUpperCase() === "GET" ? "params" : "data"]: submitData,

  });

};

 

 

 函数调用

 const res= await http<CategoryList>("GET",'/home/category/head')