peanut
c77352877d
主要更新: 1. 统一所有微服务端口配置(19000-19008) 2. 为所有服务创建本地/测试/生产三套环境配置 3. 配置Nacos认证密码(本地:Peanut2817*#, 测试/生产:EmotionMuseum2025) 4. 优化网关路由配置,支持负载均衡和WebSocket 5. 新增emotion-websocket模块,支持实时聊天 6. 前端集成WebSocket,替代HTTP轮询 7. 添加配置验证和管理工具脚本 技术特性: - 完整的环境隔离和服务发现 - WebSocket实时通信支持 - 负载均衡路由配置 - 跨域和安全配置 - 自动重连和心跳检测
117 lines
3.2 KiB
TypeScript
117 lines
3.2 KiB
TypeScript
import axios from 'axios'
|
|
import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios'
|
|
import type { ApiResponse } from '@/types'
|
|
|
|
// 创建axios实例
|
|
const api: AxiosInstance = axios.create({
|
|
baseURL: import.meta.env.VITE_API_BASE_URL || '/api',
|
|
timeout: 10000,
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
})
|
|
|
|
// 请求拦截器
|
|
api.interceptors.request.use(
|
|
(config) => {
|
|
// 添加认证token
|
|
const token = localStorage.getItem('token')
|
|
if (token) {
|
|
config.headers.Authorization = `Bearer ${token}`
|
|
}
|
|
|
|
// 添加请求时间戳
|
|
config.headers['X-Request-Time'] = Date.now().toString()
|
|
|
|
return config
|
|
},
|
|
(error) => {
|
|
console.error('Request error:', error)
|
|
return Promise.reject(error)
|
|
}
|
|
)
|
|
|
|
// 响应拦截器
|
|
api.interceptors.response.use(
|
|
(response: AxiosResponse<ApiResponse>) => {
|
|
const { data } = response
|
|
|
|
// 检查业务状态码
|
|
if (data.code !== 200) {
|
|
console.error('API Error:', data.message)
|
|
return Promise.reject(new Error(data.message))
|
|
}
|
|
|
|
return response
|
|
},
|
|
(error) => {
|
|
// 处理HTTP错误
|
|
if (error.response) {
|
|
const { status, data } = error.response
|
|
|
|
switch (status) {
|
|
case 401:
|
|
// 未授权，清除token并跳转到登录页
|
|
localStorage.removeItem('token')
|
|
window.location.href = '/login'
|
|
break
|
|
case 403:
|
|
console.error('Access forbidden')
|
|
break
|
|
case 404:
|
|
console.error('Resource not found')
|
|
break
|
|
case 500:
|
|
console.error('Server error')
|
|
break
|
|
default:
|
|
console.error('HTTP Error:', status, data?.message || error.message)
|
|
}
|
|
} else if (error.request) {
|
|
console.error('Network error:', error.message)
|
|
} else {
|
|
console.error('Request setup error:', error.message)
|
|
}
|
|
|
|
return Promise.reject(error)
|
|
}
|
|
)
|
|
|
|
// 通用请求方法
|
|
export const request = {
|
|
get: <T = any>(url: string, config?: AxiosRequestConfig): Promise<T> =>
|
|
api.get(url, config).then(res => res.data.data),
|
|
|
|
post: <T = any>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> =>
|
|
api.post(url, data, config).then(res => res.data.data),
|
|
|
|
put: <T = any>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> =>
|
|
api.put(url, data, config).then(res => res.data.data),
|
|
|
|
delete: <T = any>(url: string, config?: AxiosRequestConfig): Promise<T> =>
|
|
api.delete(url, config).then(res => res.data.data),
|
|
|
|
patch: <T = any>(url: string, data?: any, config?: AxiosRequestConfig): Promise<T> =>
|
|
api.patch(url, data, config).then(res => res.data.data),
|
|
}
|
|
|
|
// 文件上传
|
|
export const uploadFile = (file: File, onProgress?: (progress: number) => void): Promise<string> => {
|
|
const formData = new FormData()
|
|
formData.append('file', file)
|
|
|
|
return api.post('/upload', formData, {
|
|
headers: {
|
|
'Content-Type': 'multipart/form-data',
|
|
},
|
|
onUploadProgress: (progressEvent) => {
|
|
if (onProgress && progressEvent.total) {
|
|
const progress = Math.round((progressEvent.loaded * 100) / progressEvent.total)
|
|
onProgress(progress)
|
|
}
|
|
},
|
|
}).then(res => res.data.data.url)
|
|
}
|
|
|
|
export default api
|