ts+axios 定义接口返回值的类型

您所在的位置：网站首页 › uson8封装类型定义 › ts+axios 定义接口返回值的类型

ts+axios 定义接口返回值的类型

2023-10-03 05:57| 来源: 网络整理| 查看: 265

项目场景：

我尝试去定义 Promise里的自定义的类型，希望与数据接口返回的类型一致。目的是希望类型定义好之后可以不用去看文档也能知道这个接口返回的是哪些数据

描述

Axios 是一个基于 promise 的 HTTP 库: 需要使用Promise< 自定义>

公用get请求

/** * 公用get请求 * @param url 接口地址 * @param msg 接口异常提示 * @param headers 接口所需header配置 */ export const get = ({ url, msg = '接口异常', config }: IFRequestParam) => { axios.defaults.headers.common['Authorization'] = umbrella.getLocalStorage('user_token'); return axios .get(url, config) .then((res) => { return res.data; }) .catch((err) => { if (err.response && err.response.data.statusCode === '401) { // message.warn('请先登录'); window.location.href = '/'; } else if (!err.response || !err.response.data) { message.error(`API Server ${err.toString()}`); return; } if (err.response.status !== 200) { message.error(err.response.data.message || msg); return err.response.data; } message.error(err.response.data.message || msg); }); };

接口实例：

接口：http://10.0.1.1/GetData

参数：

参数类型statusCodenumbermessagestringvalueArray< > //类型 type ID = string; interface ResponseOriginal { statusCode?: number; message?: string; value: T; } type Response = ResponseOriginal | undefined; //value interface Value{ item1: {name:string | null,num:number}; item2: ArrayValueItem3 []; item3: any[]; //或any一步到位.... } interface ArrayValueItem3 { key:number | string, id:string, label:string } //接口 export const GetData = ( id: ID ): Promise => //或Promise不过这样未知value里面的数据 get({ url: `${http://10.0.1.1}/GetData`, config: { params: { id } }, }); ts+axios案例

【本文地址】

ts+axios 定义接口返回值的类型

ts+axios 定义接口返回值的类型

今日新闻

推荐新闻