99 lines
2.7 KiB
JavaScript
99 lines
2.7 KiB
JavaScript
|
/**
|
|||
|
|
* Axios 封装 - API 请求工具
|
|||
|
|
*/
|
|||
|
|
import axios from 'axios'
|
|||
|
|
import Toast from '@/components/Toast/Toast'
|
|||
|
|
|
|||
|
|
// 创建 axios 实例
|
|||
|
|
const request = axios.create({
|
|||
|
|
baseURL: '/api/v1', // 使用相对路径，开发环境通过vite proxy代理，生产环境通过nginx代理
|
|||
|
|
timeout: 30000,
|
|||
|
|
headers: {
|
|||
|
|
'Content-Type': 'application/json',
|
|||
|
|
},
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
// 请求拦截器
|
|||
|
|
request.interceptors.request.use(
|
|||
|
|
(config) => {
|
|||
|
|
// 从 localStorage 获取 token
|
|||
|
|
const token = localStorage.getItem('access_token')
|
|||
|
|
if (token) {
|
|||
|
|
config.headers.Authorization = `Bearer ${token}`
|
|||
|
|
}
|
|||
|
|
return config
|
|||
|
|
},
|
|||
|
|
(error) => {
|
|||
|
|
return Promise.reject(error)
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
// 响应拦截器
|
|||
|
|
request.interceptors.response.use(
|
|||
|
|
(response) => {
|
|||
|
|
// 如果是 blob 类型，返回完整响应（包括 headers）
|
|||
|
|
if (response.config.responseType === 'blob') {
|
|||
|
|
return response
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const res = response.data
|
|||
|
|
|
|||
|
|
// 如果返回的状态码不是 200，说明有错误
|
|||
|
|
if (res.code !== 200) {
|
|||
|
|
Toast.error('请求失败', res.message || '请求失败')
|
|||
|
|
|
|||
|
|
// 401: 未登录或 token 过期
|
|||
|
|
if (res.code === 401) {
|
|||
|
|
localStorage.removeItem('access_token')
|
|||
|
|
localStorage.removeItem('user_info')
|
|||
|
|
window.location.href = '/login'
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return Promise.reject(new Error(res.message || '请求失败'))
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return res
|
|||
|
|
},
|
|||
|
|
(error) => {
|
|||
|
|
console.error('Response error:', error)
|
|||
|
|
console.error('Response error detail:', error.response)
|
|||
|
|
|
|||
|
|
if (error.response) {
|
|||
|
|
const { status, data } = error.response
|
|||
|
|
|
|||
|
|
switch (status) {
|
|||
|
|
case 401:
|
|||
|
|
// 只有不在登录页时才显示Toast和跳转
|
|||
|
|
if (!window.location.pathname.includes('/login')) {
|
|||
|
|
Toast.error('认证失败', data?.detail || '未登录或登录已过期')
|
|||
|
|
localStorage.removeItem('access_token')
|
|||
|
|
localStorage.removeItem('user_info')
|
|||
|
|
setTimeout(() => {
|
|||
|
|
window.location.href = '/login'
|
|||
|
|
}, 1000) // 延迟1秒，让Toast有时间显示
|
|||
|
|
}
|
|||
|
|
break
|
|||
|
|
case 403:
|
|||
|
|
Toast.error('权限不足', data?.detail || '没有权限访问')
|
|||
|
|
break
|
|||
|
|
case 404:
|
|||
|
|
Toast.error('资源不存在', data?.detail || '请求的资源不存在')
|
|||
|
|
break
|
|||
|
|
case 500:
|
|||
|
|
Toast.error('服务器错误', data?.detail || '服务器内部错误')
|
|||
|
|
break
|
|||
|
|
default:
|
|||
|
|
Toast.error('请求失败', data?.detail || data?.message || '请求失败')
|
|||
|
|
}
|
|||
|
|
} else if (error.request) {
|
|||
|
|
Toast.error('网络错误', '请检查网络连接')
|
|||
|
|
} else {
|
|||
|
|
Toast.error('请求错误', error.message || '请求配置错误')
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
return Promise.reject(error)
|
|||
|
|
}
|
|||
|
|
)
|
|||
|
|
|
|||
|
|
export default request
|