55 lines
2.0 KiB
TypeScript
55 lines
2.0 KiB
TypeScript
import { useFetch } from '#app'
|
|
import type { UseFetchOptions } from '#app'
|
|
import { isArray } from '~/utils/utils'
|
|
import useUserStore from '~/stores/user'
|
|
|
|
const useServerRequest = async <T>(url: string, opts?: UseFetchOptions<T, unknown>) => {
|
|
const token = useToken()
|
|
const runtimeConfig = useRuntimeConfig()
|
|
const userStore = useUserStore()
|
|
|
|
const defaultOptions: UseFetchOptions<unknown> = {
|
|
baseURL: runtimeConfig.public.apiBase,
|
|
onRequest({ options }) {
|
|
options.headers = options.headers || {}
|
|
|
|
if (token.value || userStore.token) {
|
|
options.headers.set('Authorization', `Bearer ${token.value || userStore.token}`)
|
|
}
|
|
},
|
|
onResponse({ response }) {
|
|
if (+response.status === 200 && +response._data.code !== 0) {
|
|
process.client && ElMessage.error(response._data.msg)
|
|
}
|
|
},
|
|
onResponseError({ response }) {
|
|
process.client && ElMessage.error(isArray(response._data.data.msg) ? response._data.data.msg[0] : response._data.data.msg)
|
|
},
|
|
}
|
|
|
|
// return useFetch<T>(url, { ...defaultOptions, ...opts } as any);
|
|
// 明确转换返回类型
|
|
const response = await useFetch<T>(url, { ...defaultOptions, ...opts } as any)
|
|
return response.data.value as unknown as T
|
|
}
|
|
|
|
// GET请求
|
|
export const get = <T = unknown>(endpoint: string, config?: Omit<FetchOptions, 'method'>): Promise<T> => {
|
|
return useServerRequest<T>(endpoint, { ...config, method: 'GET' })
|
|
}
|
|
|
|
// POST请求
|
|
export const post = <T = unknown>(endpoint: string, body?: any, config?: Omit<FetchOptions, 'method' | 'body'>): Promise<T> => {
|
|
return useServerRequest<T>(endpoint, { ...config, method: 'POST', body })
|
|
}
|
|
|
|
// DELETE请求
|
|
export const del = <T = unknown>(endpoint: string, config?: Omit<FetchOptions, 'method'>): Promise<T> => {
|
|
return useServerRequest<T>(endpoint, { ...config, method: 'DELETE' })
|
|
}
|
|
|
|
// PUT请求
|
|
export const put = <T = unknown>(endpoint: string, body?: any, config?: Omit<FetchOptions, 'method' | 'body'>): Promise<T> => {
|
|
return useServerRequest<T>(endpoint, { ...config, method: 'PUT', body })
|
|
}
|