更新index.html，优化API调用函数，增强请求处理逻辑并添加错误处理

index.html

@@ -223,7 +223,7 @@
             }
             
             .MuiTypography-h6 {
-                font-size: 1.1rem !重要;
+                font-size: 1.1rem !important;
             }
             
             /* 表单样式 */
@@ -493,11 +493,12 @@
                 localStorage.setItem('apiLogs', JSON.stringify(updatedLogs));
             };
 
-            const handleApiCall = async (endpoint, method = 'GET', formData = null, config) => {
+            const handleApiCall = async (endpoint, method = 'GET', formData = null, config = {}) => {
                 try {
                     const options = {
                         method,
-                        headers: { 'Content-Type': 'application/json' }
+                        headers: {},
+                        credentials: 'include', // 支持跨域请求携带 Cookie
                     };
 
                     let url = `${apiBase}${endpoint}`;
@@ -506,19 +507,37 @@
                     if (method === 'GET' && config.queryParams) {
                         const params = new URLSearchParams();
                         config.queryParams.forEach(param => {
-                            if (formData[param]) params.append(param, formData[param]);
+                            if (formData && formData[param]) {
+                                params.append(param, formData[param]);
+                            }
                         });
                         url += `?${params.toString()}`;
                     }
 
-                    // 处理POST请求体
-                    if (method === 'POST') {
-                        if (config.requestFormat === 'json') {
+                    // 处理请求体
+                    if (['POST', 'PUT', 'PATCH'].includes(method)) {
+                        if (formData instanceof FormData) {
+                            // 文件上传时，不设置 Content-Type，浏览器会自动处理
+                            options.body = formData;
+                        } else if (config.requestFormat === 'json') {
+                            options.headers['Content-Type'] = 'application/json';
                             options.body = JSON.stringify(formData);
+                        } else {
+                            options.headers['Content-Type'] = 'application/x-www-form-urlencoded';
+                            options.body = new URLSearchParams(formData).toString();
                         }
                     }
 
+                    // 发送请求
                     const res = await fetch(url, options);
+
+                    // 检查 HTTP 状态码
+                    if (!res.ok) {
+                        const errorData = await res.json();
+                        throw new Error(errorData.message || `HTTP error! Status: ${res.status}`);
+                    }
+
+                    // 解析响应数据
                     const data = await res.json();
                     setResponse(JSON.stringify(data, null, 2));
 
@@ -541,11 +560,13 @@
                         });
                     }
 
-                    // 根据状态设置提示消息
+                    // 设置提示消息
                     setSnackbarMessage(data.info || '操作成功');
                     setSnackbarOpen(true);
 
                 } catch (error) {
+                    // 错误处理
+                    console.error('API call failed:', error);
                     setResponse(`Error: ${error.message}`);
                     setSnackbarMessage(`错误: ${error.message}`);
                     setSnackbarOpen(true);
@@ -800,6 +821,7 @@
                                 <Box display="flex" justifyContent="space-between" alignItems="center" mt={2}>
                                     <Typography variant="body2" color="textSecondary">
                                         ⚠️部分后端地址已设置访问认证保护，使用前需完成身份认证。
+
                                     </Typography>
                                     <Button 
                                         variant="text"