99 lines
2.9 KiB
JavaScript
99 lines
2.9 KiB
JavaScript
|
import axios from 'axios'
|
|||
|
|
import { ElMessage } from 'element-plus'
|
|||
|
|
|
|||
|
|
|
|||
|
|
axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded'
|
|||
|
|
// 创建axios实例
|
|||
|
|
const service = axios.create({
|
|||
|
|
// axios中请求配置有baseURL选项，表示请求URL公共部分
|
|||
|
|
baseURL: import.meta.env.VITE_APP_BASE_API,
|
|||
|
|
// 超时
|
|||
|
|
timeout: 10000
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// request拦截器
|
|||
|
|
service.interceptors.request.use(config => {
|
|||
|
|
// 过滤掉参数值为空的参数项
|
|||
|
|
if (config.params) {
|
|||
|
|
config.params = filterEmptyParams(config.params);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (config.data && typeof config.data === 'object') {
|
|||
|
|
// 根据Content-Type处理不同格式的数据
|
|||
|
|
if (config.headers['Content-Type'] === 'application/x-www-form-urlencoded') {
|
|||
|
|
// 表单编码数据需要特殊处理
|
|||
|
|
config.data = filterFormData(config.data);
|
|||
|
|
} else {
|
|||
|
|
config.data = filterEmptyParams(config.data);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return config
|
|||
|
|
}, error => {
|
|||
|
|
console.log(error)
|
|||
|
|
Promise.reject(error)
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 过滤空值参数
|
|||
|
|
* @param {Object} params 参数对象
|
|||
|
|
* @returns {Object} 过滤后的参数对象
|
|||
|
|
*/
|
|||
|
|
function filterEmptyParams(params) {
|
|||
|
|
const filtered = {};
|
|||
|
|
for (const key in params) {
|
|||
|
|
const value = params[key];
|
|||
|
|
// 保留非空值：非null、非undefined、非空字符串、非空数组
|
|||
|
|
if (value !== null && value !== undefined && value !== '') {
|
|||
|
|
if (Array.isArray(value) && value.length === 0) {
|
|||
|
|
continue; // 跳过空数组
|
|||
|
|
}
|
|||
|
|
filtered[key] = value;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return filtered;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 过滤表单编码数据
|
|||
|
|
* @param {Object|string} data 表单数据
|
|||
|
|
* @returns {string} 过滤后的表单字符串
|
|||
|
|
*/
|
|||
|
|
function filterFormData(data) {
|
|||
|
|
if (typeof data === 'string') {
|
|||
|
|
// 如果是字符串，尝试解析为URLSearchParams
|
|||
|
|
const params = new URLSearchParams(data);
|
|||
|
|
for (const [key, value] of params.entries()) {
|
|||
|
|
if (value === '' || value === 'null' || value === 'undefined') {
|
|||
|
|
params.delete(key);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return params.toString();
|
|||
|
|
} else if (typeof data === 'object') {
|
|||
|
|
// 如果是对象，先过滤空值再转换为URLSearchParams
|
|||
|
|
const filtered = filterEmptyParams(data);
|
|||
|
|
return new URLSearchParams(filtered).toString();
|
|||
|
|
}
|
|||
|
|
return data;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
// 响应拦截器
|
|||
|
|
service.interceptors.response.use(res => {
|
|||
|
|
const code = res.data.errorCode || 0
|
|||
|
|
const msg = res.data.errorMsg || ''
|
|||
|
|
if (code === 20000) {
|
|||
|
|
ElMessage({ message: msg, type: 'error' })
|
|||
|
|
} else {
|
|||
|
|
return Promise.resolve(res.data)
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
error => {
|
|||
|
|
console.log('err' + error)
|
|||
|
|
let { message } = error
|
|||
|
|
ElMessage({ message: message, type: 'error', duration: 5 * 1000 })
|
|||
|
|
return Promise.reject(error)
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
export default service
|