Evora/Tsumugiboshi
1
0
Fork 0
mirror of https://github.com/Zhuym07/Tsumugiboshi.git synced 2025-05-20 04:07:28 +08:00
Code Issues Packages Projects Releases Wiki Activity

更新index.html，优化API调用函数，增强错误处理逻辑并兼容非JSON响应，修改认证提示文本以更清晰地说明身份认证要求

Browse Source
This commit is contained in:
Zhuym 2025-01-30 21:52:26 +08:00
parent efc0c7cb50
commit 7a28bdb453
1 changed files with 50 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
index.html
View File

@ -223,7 +223,7 @@
}
.MuiTypography-h6 {
font-size: 1.1rem !important;
font-size: 1.1rem !重要;
}
/* 表单样式 */
@ -493,64 +493,71 @@
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' }
method,
headers: { "Content-Type": "application/json" },
credentials: "include" // 跨域凭证
};
let url = `${apiBase}${endpoint}`;
// 处理GET请求参数
if (method === 'GET' && config.queryParams) {
const params = new URLSearchParams();
config.queryParams.forEach(param => {
if (formData[param]) params.append(param, formData[param]);
});
url += `?${params.toString()}`;
// GET请求参数处理
if (method === "GET" && config?.queryParams) {
const params = new URLSearchParams();
config.queryParams.forEach(param => {
if (formData?.[param]) params.append(param, formData[param]);
});
url += `?${params.toString()}`;
}
// 处理POST请求体
if (method === 'POST') {
if (config.requestFormat === 'json') {
options.body = JSON.stringify(formData);
}
// POST请求体处理
if (method === "POST" && config?.requestFormat === "json") {
options.body = JSON.stringify(formData);
}
const res = await fetch(url, options);
const data = await res.json();
setResponse(JSON.stringify(data, null, 2));
const rawText = await res.text(); // 先获取原始文本
// 保存日志
saveLog(endpoint, formData, data);
// 处理登录响应
if (config.endpoint === '/qr' && data.userId) {
setUserId(data.userId.toString());
setCookie('userId', data.userId.toString(), 7);
// 遍历所有表单配置，更新包含userid/userId字段的表单
Object.entries(formConfigs).forEach(([key, formConfig]) => {
const userIdField = formConfig.fields.find(
field => field.id.toLowerCase().includes('userid')
);
if (userIdField && formRefs.current[key]) {
formRefs.current[key].updateField(userIdField.id, data.userId.toString());
}
});
// 尝试解析JSON（兼容非JSON响应）
let data;
try {
data = JSON.parse(rawText);
} catch {
data = { _raw: rawText }; // 解析失败时保留原始响应
}
setResponse(JSON.stringify(data, null, 2)); // 显示原始内容
// 保存日志（包含状态码）
saveLog(endpoint, { ...formData, _status: res.status }, data);
// 登录处理逻辑
if (config?.endpoint === "/qr" && data.userId) {
setUserId(data.userId.toString());
setCookie("userId", data.userId.toString(), 7);
// 根据状态设置提示消息
setSnackbarMessage(data.info || '操作成功');
Object.entries(formConfigs).forEach(([key, formConfig]) => {
const userIdField = formConfig.fields.find(
field => field.id.toLowerCase().includes("userid")
);
if (userIdField && formRefs.current[key]) {
formRefs.current[key].updateField(userIdField.id, data.userId.toString());
}
});
}
// 显示服务器返回的原始提示（兼容非JSON响应）
setSnackbarMessage(data.info || data._raw || "请求完成");
setSnackbarOpen(true);
} catch (error) {
setResponse(`Error: ${error.message}`);
setSnackbarMessage(`错误: ${error.message}`);
setSnackbarMessage(`网络错误: ${error.message}`);
setSnackbarOpen(true);
}
};
};
const handleMusicChange = (e) => {
const { name, value } = e.target;
@ -799,8 +806,7 @@
{/* 新增认证提示区域 */}
<Box display="flex" justifyContent="space-between" alignItems="center" mt={2}>
<Typography variant="body2" color="textSecondary">
⚠️部分后端地址已设置访问认证保护，使用前需完成身份认证。
⚠️部分后端地址受认证保护 使用前可能需要身份认证
</Typography>
<Button
variant="text"