feat(api): 重构 API 调用并优化用户认证流程
- 新增 auth、forum 和 user API 文件夹,重新组织 API 调用结构
- 重构 AuthContext,使用新 API 进行用户认证和信息管理
- 更新 AdminPanel、ForumPage 等组件,使用新的 API 调用
- 删除旧的 authApi.js 文件,清理冗余代码
- 优化用户登录、注册和登出流程,改进错误处理和用户提示
Change-Id: If664193e1bf30036c197f164edc5b10df75f1331
diff --git a/src/utils/request.js b/src/utils/request.js
new file mode 100644
index 0000000..9e5df58
--- /dev/null
+++ b/src/utils/request.js
@@ -0,0 +1,78 @@
+import axios from "axios";
+import { message } from "antd";
+
+// 创建 axios 实例
+const request = axios.create({
+ baseURL: "http://192.168.10.174:8080/api",
+ timeout: 10000,
+});
+
+// 请求拦截器
+request.interceptors.request.use(
+ (config) => {
+ // 从 localStorage 获取 token
+ const token = localStorage.getItem("token");
+
+ // 如果有 token 则添加到请求头
+ if (token) {
+ config.headers["token"] = token;
+ }
+
+ // 角色检查
+ if (config.url.startsWith("/api/admin") && !hasAdminRole()) {
+ return Promise.reject(new Error("无权限执行此操作"));
+ }
+
+ console.log("发出的请求", config);
+ return config;
+ },
+ (error) => {
+ return Promise.reject(error);
+ }
+);
+
+// 辅助函数:检查是否有管理员角色
+function hasAdminRole() {
+ const user = JSON.parse(localStorage.getItem("user") || "{}");
+ return user.role === "admin";
+}
+
+// 响应拦截器
+request.interceptors.response.use(
+ (response) => {
+ return response.data;
+ },
+ (error) => {
+ if (error.response) {
+ const { status, data } = error.response;
+
+ // 处理 401 未授权错误(token 无效或过期)
+ if (status === 401) {
+ message.error("登录已过期,请重新登录");
+
+ // 清除本地存储的 token 和用户信息
+ localStorage.removeItem("token");
+ localStorage.removeItem("user");
+
+ // 重定向到登录页
+ if (window.location.pathname !== "/login") {
+ window.location.href = "/login";
+ }
+ } else {
+ // 处理其他错误
+ // message.error(data.message || "11111请求失败");
+ message.error(data.message || "11111请求失败");
+ }
+ } else if (error.request) {
+ // 请求发出但没有收到响应
+ message.error("网络错误,请检查您的网络连接");
+ } else {
+ // 请求配置出错
+ message.error("请求配置错误");
+ }
+
+ return Promise.reject(error);
+ }
+);
+
+export default request;
\ No newline at end of file