56 lines
1.3 KiB
TypeScript
56 lines
1.3 KiB
TypeScript
|
import type { $Fetch } from 'ofetch'
|
||
|
|
|
||
|
|
import { useRuntimeConfig } from '#app'
|
||
|
|
import { ofetch } from 'ofetch'
|
||
|
|
|
||
|
|
type HttpStatusErrorHandler = (message: string, statusCode: number) => void
|
||
|
|
let httpStatusErrorHandler: HttpStatusErrorHandler
|
||
|
|
|
||
|
|
let http: $Fetch
|
||
|
|
|
||
|
|
export function setupHttp() {
|
||
|
|
if (http)
|
||
|
|
return http
|
||
|
|
|
||
|
|
const config = useRuntimeConfig()
|
||
|
|
const baseURL = config.public.apiBase as string
|
||
|
|
|
||
|
|
http = ofetch.create({
|
||
|
|
baseURL,
|
||
|
|
headers: { 'Content-Type': 'application/json' },
|
||
|
|
async onRequest({ options }) {
|
||
|
|
const token = localStorage.getItem('token')
|
||
|
|
|
||
|
|
options.headers = {
|
||
|
|
...options.headers,
|
||
|
|
...(token && { Authorization: `Bearer ${token}` }),
|
||
|
|
}
|
||
|
|
},
|
||
|
|
async onResponseError({ response }) {
|
||
|
|
const { message } = response._data
|
||
|
|
if (Array.isArray(message)) {
|
||
|
|
message.forEach((item) => {
|
||
|
|
httpStatusErrorHandler?.(item, response.status)
|
||
|
|
})
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
httpStatusErrorHandler?.(message, response.status)
|
||
|
|
}
|
||
|
|
return Promise.reject(response._data)
|
||
|
|
},
|
||
|
|
retry: 3,
|
||
|
|
retryDelay: 1000,
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
export function injectHttpStatusErrorHandler(handler: HttpStatusErrorHandler) {
|
||
|
|
httpStatusErrorHandler = handler
|
||
|
|
}
|
||
|
|
|
||
|
|
export function getHttp() {
|
||
|
|
if (!http) {
|
||
|
|
throw new Error('HTTP client not initialized. Call setupHttp first.')
|
||
|
|
}
|
||
|
|
return http
|
||
|
|
}
|