131 lines
4.0 KiB
TypeScript
131 lines
4.0 KiB
TypeScript
import axios, { type AxiosError, type AxiosRequestConfig, type AxiosResponse } from 'axios'
|
||
import config from '@/config'
|
||
import { _notice } from './index'
|
||
|
||
export const axiosInstance = axios.create({
|
||
baseURL: config.baseUrl,
|
||
timeout: 60000
|
||
})
|
||
|
||
// request拦截器
|
||
axiosInstance.interceptors.request.use(
|
||
(config) => {
|
||
// 如果没有设置Content-Type，默认application/json
|
||
if (!config.headers['Content-Type']) {
|
||
config.headers['Content-Type'] = 'application/json'
|
||
}
|
||
return config
|
||
},
|
||
(error) => {
|
||
return Promise.reject(error)
|
||
}
|
||
)
|
||
|
||
/*
|
||
* 响应拦截器，无论失败或者成功都会返回{ success: boolean, data: xxx }这种类型的数据，没有reject和抛error。
|
||
* 如果有问题，拦截器里会进行提示。在then里面总是会接收到返回值
|
||
* */
|
||
axiosInstance.interceptors.response.use(
|
||
(response: AxiosResponse) => {
|
||
// console.log('response',response)
|
||
/*
|
||
* 响应成功的拦截器，主要是对data作处理，如果没有返回data，那么会添加一个data字段，并把response.data的内容合并到data里面，然后返回
|
||
* */
|
||
const { data } = response
|
||
// console.log(response)
|
||
if (data === undefined || data === null || data === '') {
|
||
_notice('请求失败，请稍后重试！')
|
||
return { success: false, code: 500, data: [] }
|
||
} else if (typeof data === 'string') {
|
||
return { success: true, code: 200, data }
|
||
} else {
|
||
if (data.data === undefined || data.data === null) {
|
||
data.data = { ...data }
|
||
}
|
||
let resCode = data.code
|
||
if (resCode) {
|
||
try {
|
||
resCode = Number(resCode)
|
||
} catch (e) {
|
||
data.code = resCode = 500
|
||
data.success = false
|
||
}
|
||
if (resCode === 0) {
|
||
data.code = resCode = 200
|
||
data.success = true
|
||
}
|
||
if (resCode !== 200) {
|
||
_notice(response.data.message || '请求失败，请稍后重试！')
|
||
} else {
|
||
data.success = true
|
||
}
|
||
} else {
|
||
data.code = 200
|
||
data.success = true
|
||
}
|
||
return data
|
||
}
|
||
},
|
||
(error: AxiosError) => {
|
||
console.log('error', error)
|
||
// console.log(error.response)
|
||
// console.log(error.response.status)
|
||
if (error.response === undefined) {
|
||
_notice('服务器响应超时')
|
||
return { success: false, code: 500, msg: '服务器响应超时', data: [] }
|
||
}
|
||
if (error.response.status >= 500) {
|
||
_notice('服务器出现错误')
|
||
return { success: false, code: 500, msg: '服务器出现错误', data: [] }
|
||
}
|
||
if (error.response.status === 404) {
|
||
_notice('接口不存在')
|
||
return { success: false, code: 404, msg: '接口不存在', data: [] }
|
||
}
|
||
if (error.response.status === 400) {
|
||
_notice('接口报错')
|
||
return { success: false, code: 400, msg: '接口报错', data: [] }
|
||
}
|
||
if (error.response.status === 401) {
|
||
return { success: false, code: 401, msg: '用户名或密码不正确', data: [] }
|
||
} else {
|
||
const data: any = error.response.data
|
||
if (data === null || data === undefined) {
|
||
_notice('请求失败，请稍后重试！')
|
||
return { success: true, code: 200, data: [] }
|
||
} else {
|
||
const resCode = data.code
|
||
if (data.data === undefined || data.data === null) {
|
||
data.data = { ...data }
|
||
}
|
||
if (resCode && typeof resCode == 'number' && resCode !== 200) {
|
||
_notice('请求失败，请稍后重试！')
|
||
} else {
|
||
data.code = 200
|
||
data.success = true
|
||
}
|
||
return data
|
||
}
|
||
}
|
||
}
|
||
)
|
||
|
||
export interface ApiResponse<T = any> {
|
||
data: T
|
||
success: boolean
|
||
}
|
||
|
||
export async function request<T = any>(config: AxiosRequestConfig): Promise<ApiResponse<T>> {
|
||
/*
|
||
* then和catch里面返回的数据必须加as const，否则调用方无法推断出类型
|
||
* */
|
||
return axiosInstance
|
||
.request<T>(config)
|
||
.then(({ data }) => {
|
||
return { success: true, data } as const
|
||
})
|
||
.catch((err) => {
|
||
return { success: false, data: err } as const
|
||
})
|
||
}
|