41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
import type { UseFetchOptions } from "#app"
|
|
import defu from "defu"
|
|
|
|
export function useApiFetch<DataT = any, ErrorT = any>(
|
|
url: string | Request | Ref<string | Request> | (() => string | Request),
|
|
options?: UseFetchOptions<DataT, ErrorT>,
|
|
authorize: boolean = true,
|
|
): ReturnType<typeof useFetch<DataT, ErrorT>> {
|
|
const { sessionToken, refreshSessionToken } = useAuth()
|
|
|
|
const defaults: UseFetchOptions<DataT, ErrorT> = {
|
|
// The migrated API lives in this Nuxt app under server/api.
|
|
baseURL: "/api",
|
|
|
|
retry: 1,
|
|
retryDelay: 0,
|
|
retryStatusCodes: [401],
|
|
|
|
headers:
|
|
authorize && sessionToken.value
|
|
? { Authorization: `Bearer ${sessionToken.value}` }
|
|
: {},
|
|
onResponseError: async ({ request, response, options }) => {
|
|
if (response.status == 401 && authorize) {
|
|
const newToken = await refreshSessionToken()
|
|
|
|
if (!newToken) return
|
|
|
|
const headers = new Headers(options.headers as HeadersInit)
|
|
headers.set("Authorization", `Bearer ${newToken}`)
|
|
options.headers = headers
|
|
}
|
|
},
|
|
}
|
|
|
|
const config: UseFetchOptions<DataT, ErrorT> = defu(options ?? {}, defaults)
|
|
|
|
// @ts-ignore
|
|
return useFetch<DataT, ErrorT>(url, config)
|
|
}
|