63 lines
1.6 KiB
TypeScript
63 lines
1.6 KiB
TypeScript
// app/services/base_service.ts - 前端请求基础封装，保持和其他项目相近的调用风格
|
||
|
||
/** GET query 可接受的基础值类型 */
|
||
type QueryValue = string | number | boolean | null | undefined;
|
||
|
||
/** GET query 对象；空值会在请求前被过滤掉 */
|
||
type QueryParams = Record<string, QueryValue>;
|
||
|
||
/** 把 undefined/null/空字符串从 query 中移除，避免拼出无意义参数 */
|
||
const cleanQuery = (query?: QueryParams) => {
|
||
if (!query) return undefined;
|
||
|
||
return Object.fromEntries(
|
||
Object.entries(query).filter(([, value]) => {
|
||
return value !== undefined && value !== null && value !== "";
|
||
})
|
||
);
|
||
};
|
||
|
||
/**
|
||
* 基础请求类
|
||
*
|
||
* 其他项目里 service 方法返回 axios response，这里用 `$fetch` 包一层 `{ data }`，
|
||
* 让 store 层仍然可以写成 `res.data`，后续替换请求库也不会影响组件。
|
||
*/
|
||
export default class BaseClientService {
|
||
/** 发起 GET 请求 */
|
||
public static async get<T>(url: string, query?: QueryParams) {
|
||
const data = await $fetch<T>(url, {
|
||
method: "GET",
|
||
query: cleanQuery(query)
|
||
});
|
||
|
||
return { data };
|
||
}
|
||
|
||
/** 发起 POST 请求 */
|
||
public static async post<T, B extends object | undefined = undefined>(
|
||
url: string,
|
||
body?: B
|
||
) {
|
||
const data = await $fetch<T>(url, {
|
||
method: "POST",
|
||
body
|
||
});
|
||
|
||
return { data };
|
||
}
|
||
|
||
/** 发起 PUT 请求 */
|
||
public static async put<T, B extends object | undefined = undefined>(
|
||
url: string,
|
||
body?: B
|
||
) {
|
||
const data = await $fetch<T>(url, {
|
||
method: "PUT",
|
||
body
|
||
});
|
||
|
||
return { data };
|
||
}
|
||
}
|