File size: 2,324 Bytes
a9586da a206d0f a9586da a206d0f a9586da 18ef772 a9586da c0a6b20 a9586da c0a6b20 a9586da | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 | import axios from 'axios'
import { ElMessage } from 'element-plus'
import { getApiBase } from '@/utils/apiBase'
// 创建axios实例
const request = axios.create({
baseURL: getApiBase(),
headers: {
'Content-Type': 'application/json'
}
})
// 请求拦截器
request.interceptors.request.use(
(config) => {
// 可以在这里添加token等认证信息
const token = localStorage.getItem('token')
if (token) {
config.headers.Authorization = `Bearer ${token}`
}
return config
},
(error) => {
console.error('请求错误:', error)
return Promise.reject(error)
}
)
// 响应拦截器
request.interceptors.response.use(
(response) => {
const { data } = response
// 根据后端接口规范处理响应
if (data.code === 200 || data.success) {
return data
} else {
ElMessage.error(data.msg || data.message || '请求失败')
return Promise.reject(new Error(data.msg || data.message || '请求失败'))
}
},
(error) => {
console.error('响应错误:', error)
// 处理HTTP错误状态码
if (error.response) {
const { status } = error.response
switch (status) {
case 401:
ElMessage.error('未授权，请重新登录')
// 可以在这里处理登录跳转
break
case 403:
ElMessage.error('拒绝访问')
break
case 404:
ElMessage.error('请求地址不存在')
break
case 500:
ElMessage.error('服务器内部错误')
break
default:
ElMessage.error('网络错误')
}
} else {
ElMessage.error('网络连接失败')
}
return Promise.reject(error)
}
)
// 封装常用的请求方法
export const http = {
get(url, params) {
return request.get(url, { params })
},
post(url, data, config = {}) {
return request.post(url, data, config)
},
put(url, data, config = {}) {
return request.put(url, data, config)
},
delete(url, params) {
return request.delete(url, { params })
},
upload(url, formData, onUploadProgress) {
return request.post(url, formData, {
headers: {
'Content-Type': 'multipart/form-data'
},
onUploadProgress
})
}
}
export default request |