100 lines
3.1 KiB
TypeScript
100 lines
3.1 KiB
TypeScript
import { FetchOptions } from 'ohmyfetch'
|
||
import { RequestCodeEnum, RequestMethodsEnum, RequestConfig } from '@/enums/requestEnums'
|
||
import feedback from '@/utils/feedback'
|
||
import { merge } from 'lodash-es'
|
||
import { Request } from './request'
|
||
import { useUserStore } from '@/stores/user'
|
||
import { getApiUrl } from '@/utils/env'
|
||
import { useNuxtApp } from 'nuxt/app'
|
||
export function createRequest(opt?: Partial<FetchOptions>) {
|
||
const userStore = useUserStore()
|
||
const nuxtApp = useNuxtApp()
|
||
const defaultOptions: FetchOptions = {
|
||
// 基础接口地址
|
||
baseURL: getApiUrl(),
|
||
//请求头
|
||
headers: {
|
||
// version: getVersion(),
|
||
},
|
||
retry: 2,
|
||
async onRequest({ options }) {
|
||
const headers = options.headers || {}
|
||
// 添加token
|
||
const token = userStore.token
|
||
const account = userStore.account
|
||
if (token) {
|
||
// @ts-ignore
|
||
headers[RequestConfig.TOKENNAME] = token
|
||
}
|
||
options.headers = headers
|
||
},
|
||
requestOptions: {
|
||
// apiPrefix: getApiPrefix(),
|
||
apiPrefix: '/api/',
|
||
isTransformResponse: true,
|
||
isReturnDefaultResponse: false,
|
||
withToken: true,
|
||
isParamsToData: true,
|
||
requestInterceptorsHook(options) {
|
||
const { apiPrefix, isParamsToData } = options.requestOptions
|
||
// 拼接请求前缀
|
||
if (apiPrefix) {
|
||
options.url = `${apiPrefix}${options.url}`
|
||
}
|
||
const params = options.params || {}
|
||
// POST请求下如果无data，则将params视为data
|
||
if (
|
||
isParamsToData &&
|
||
!Reflect.has(options, 'body') &&
|
||
options.method?.toUpperCase() === RequestMethodsEnum.POST
|
||
) {
|
||
options.body = params
|
||
options.params = {}
|
||
}
|
||
return options
|
||
},
|
||
async responseInterceptorsHook(response, options) {
|
||
const { isTransformResponse, isReturnDefaultResponse } = options.requestOptions
|
||
const headers = Object.fromEntries(response.headers.entries())
|
||
|
||
//返回默认响应，当需要获取响应头及其他数据时可使用
|
||
if (isReturnDefaultResponse) {
|
||
return response
|
||
}
|
||
// 是否需要对数据进行处理
|
||
if (!isTransformResponse) {
|
||
return response._data
|
||
}
|
||
|
||
const { code, data, message } = response._data
|
||
|
||
// code返回码处理
|
||
switch (code) {
|
||
case RequestCodeEnum.SUCCESS:
|
||
return Promise.resolve(data)
|
||
case RequestCodeEnum.FAIL:
|
||
message && feedback.msgError(message)
|
||
return Promise.reject(message)
|
||
case RequestCodeEnum.PARAMS_FAIL:
|
||
message && feedback.msgError(message)
|
||
return Promise.reject(message)
|
||
case RequestCodeEnum.LOGIN_FAILURE_ONE:
|
||
case RequestCodeEnum.LOGIN_FAILURE_TWO:
|
||
nuxtApp.$onHandlerLogin()
|
||
userStore.logout()
|
||
return Promise.reject(message)
|
||
default:
|
||
return data
|
||
}
|
||
},
|
||
responseInterceptorsCatchHook(err) {
|
||
return err
|
||
},
|
||
},
|
||
}
|
||
return new Request(
|
||
// 深度合并
|
||
merge(defaultOptions, opt || {}),
|
||
)
|
||
}
|