79 lines
2.2 KiB
TypeScript
79 lines
2.2 KiB
TypeScript
import axios, { AxiosInstance, AxiosRequestConfig, AxiosResponse, AxiosError } from 'axios'
|
|
|
|
import qs from 'qs'
|
|
|
|
import { config } from './config'
|
|
|
|
import { ElMessage } from 'element-plus'
|
|
|
|
const { result_code, base_url } = config
|
|
|
|
export const PATH_URL = base_url[import.meta.env.VITE_API_BASEPATH]
|
|
|
|
// 创建axios实例
|
|
const service: AxiosInstance = axios.create({
|
|
baseURL: PATH_URL, // api 的 base_url
|
|
timeout: config.request_timeout // 请求超时时间
|
|
})
|
|
|
|
// request拦截器
|
|
service.interceptors.request.use(
|
|
(config: AxiosRequestConfig) => {
|
|
if (
|
|
config.method === 'post' &&
|
|
(config.headers as any)['Content-Type'] === 'application/x-www-form-urlencoded'
|
|
) {
|
|
config.data = qs.stringify(config.data)
|
|
}
|
|
// get参数编码
|
|
if (config.method === 'get' && config.params) {
|
|
let url = config.url as string
|
|
url += '?'
|
|
const keys = Object.keys(config.params)
|
|
for (const key of keys) {
|
|
if (config.params[key] !== void 0 && config.params[key] !== null) {
|
|
url += `${key}=${encodeURIComponent(config.params[key])}&`
|
|
}
|
|
}
|
|
url = url.substring(0, url.length - 1)
|
|
config.params = {}
|
|
config.url = url
|
|
}
|
|
return config
|
|
},
|
|
(error: AxiosError) => {
|
|
// Do something with request error
|
|
console.log('请求报错', error) // for debug
|
|
Promise.reject(error)
|
|
}
|
|
)
|
|
|
|
// response 拦截器
|
|
service.interceptors.response.use(
|
|
(response: AxiosResponse<any>) => {
|
|
if (response.config.responseType === 'blob') {
|
|
// 如果是文件流，直接过
|
|
return response
|
|
} else if (response.data.code === result_code) {
|
|
return response.data
|
|
} else {
|
|
ElMessage.error(response.data.message)
|
|
}
|
|
},
|
|
(error: AxiosError) => {
|
|
console.log('err' + error)
|
|
let { message } = error
|
|
if (message == 'Network Error') {
|
|
message = '后端接口连接异常'
|
|
} else if (message.includes('timeout')) {
|
|
message = '系统接口请求超时'
|
|
} else if (message.includes('Request failed with status code')) {
|
|
message = '系统接口' + message.substr(message.length - 3) + '异常'
|
|
}
|
|
ElMessage.error(message)
|
|
return Promise.reject(error)
|
|
}
|
|
)
|
|
|
|
export { service }
|