初始化

src/utils/request.js

@@ -0,0 +1,86 @@
+import axios from "axios"
+import { message } from "ant-design-vue"
+
+// 创建 Axios 实例
+const service = axios.create({
+  baseURL: "/api/",
+  timeout: 15000,
+})
+
+// 请求拦截器
+service.interceptors.request.use(
+  (config) => {
+    const token = localStorage.getItem("token")
+    if (token) {
+      config.headers["Authorization"] = `Bearer ${token}`
+    }
+    return config
+  },
+  (error) => {
+    console.error("Request error:", error)
+    return Promise.reject(error)
+  },
+)
+
+// 响应拦截器
+service.interceptors.response.use(
+  (response) => {
+    const { code, result, message: msg } = response.data
+    if (code === 0) {
+      return result
+    } else {
+      if (code === 401) {
+        message.error(msg)
+        localStorage.removeItem("token")
+        localStorage.removeItem("chatUser")
+        window.location.href = "/login"
+        return Promise.reject(new Error(msg))
+      }
+      message.error(msg)
+      return Promise.reject(new Error(msg))
+    }
+  },
+  (error) => {
+    console.error("Response error:", error)
+    message.error("网络请求失败")
+    return Promise.reject(error)
+  },
+)
+
+// 封装请求方法
+export const get = (url, params = {}) => {
+  return service.get(url, { params })
+}
+
+export const post = (url, data = {}) => {
+  return service.post(url, data)
+}
+
+export const upload = (url, file) => {
+  const formData = new FormData()
+  formData.append("file", file)
+  return service.post(url, formData, {
+    headers: {
+      "Content-Type": "multipart/form-data",
+    },
+  })
+}
+
+// WebSocket消息发送API
+export const sendMessage = (data) => {
+  const messageTypeMap = {
+    text: 0,
+    image: 1,
+    audio: 2,
+    video: 3,
+  }
+
+  return post("send-to-user", {
+    sender_user_id: data.senderId,
+    receiver_user_id: data.receiverId,
+    message_type: messageTypeMap[data.type] || 0,
+    message_content: data.content,
+  })
+}
+
+export default service