完整的教务系统前端项目 - 包含所有修复和9月份数据

src/utils/request.js

@@ -0,0 +1,84 @@
+// 引入axios
+import axios from "axios";
+import store from "@/store/index";
+import {
+  showGlobalLoading,
+  hideGlobalLoading,
+} from "@/store/slices/loadingSlice";
+const baseURL = import.meta.env.VITE_API_BASE_URL || "http://localhost:3000";
+
+// 全局加载状态loading，基于redux
+const handleGlobalLoading = (namespace, type) => {
+  if (!namespace) return;
+  store.dispatch(
+    type === "show"
+      ? showGlobalLoading({ namespace })
+      : hideGlobalLoading({ namespace })
+  );
+};
+// 创建axios实例
+const axiosInstance = axios.create({
+  baseURL, // 基础URL
+  timeout: 10000, // 请求超时时间
+  headers: {
+    "Content-Type": "application/json;charset=utf-8",
+  },
+});
+
+// 请求拦截器
+axiosInstance.interceptors.request.use(
+  (config) => {
+    // 开发阶段使用固定的 x-user-id
+    // 这个ID对应种子数据中的开发默认用户
+    config.headers["x-user-id"] = "dev-user-id";
+
+    // 后续对接飞书后使用token
+    // const token = localStorage.getItem("token");
+    // if (token) {
+    //   config.headers["Authorization"] = `Bearer ${token}`;
+    // }
+    return config;
+  },
+  (error) => {
+    return Promise.reject(error);
+  }
+);
+
+// 响应拦截器
+axiosInstance.interceptors.response.use(
+  (response) => {
+    // 处理响应数据
+    const res = response.data;
+    return res;
+  },
+  (error) => {
+    // 处理响应错误
+    console.error("请求错误:", error);
+    const message =
+      error.response?.data?.message || error.message || "网络错误";
+    return Promise.reject(new Error(message));
+  }
+);
+
+// 导出请求方法
+export default function request({
+  url,
+  apiUrl,
+  namespace,
+  method = "get",
+  data,
+  params,
+  headers = {},
+}) {
+  handleGlobalLoading(namespace, "show");
+  // 返回Promise对象
+  return axiosInstance({
+    method,
+    url: `${apiUrl ? apiUrl : baseURL}${url}`,
+    data,
+    params,
+    headers,
+  }).finally(() => {
+    handleGlobalLoading(namespace, "hide");
+  });
+}