axios封装，api的ts类型处理

最新推荐文章于 2024-10-19 09:15:35 发布

har01d

最新推荐文章于 2024-10-19 09:15:35 发布

阅读量115

点赞数 3

文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_43951592/article/details/142559520

版权

这样写，就既简洁，又不会有 ts 报错了

// api/home.ts
import { get, post } from '../service'
import type { API } from 'types/api'


const api: API = {
  exPost: (params) => post(`/test/update`, params),
  exGet: (params) => get(`/test/list`, params),
}

export default api

// types/api

// 定义 API 参数的接口
interface Params {
  [key: string]: any
}

// 定义 API 返回类型
type Response<T = any> = Promise<T>

type ApiMethod = (params: Params) => Response

export interface API {
  [key: string]: ApiMethod
}