refactor(前端): 接口错误改成 ApiError 类,catch 不再写 any

拦截器原来 reject 一个裸对象 `{ error, data }`,没有类型也没有类型守卫,于是 46 处
`catch (err: any)` 直接读 `err.data` / `err.error` —— 代码 bug 抛出的 TypeError 也按
接口错误读,弹出来的是 undefined 或英文。

- utils/api.ts:reject 改成 `ApiError extends Error`,字段名沿用 error(错误码)/
  data(文案),存量读法语义不变;加 isApiError / errorCode / errorMessage。
  errorMessage 对非接口错误一律用 fallback,不把 TypeError 的英文甩给学生
- 46 处 catch 全部换掉 any(45 处接口错误 + pythonSyntaxCheck 里 Skulpt 的错误对象)
- 断网等没有响应体的情况,文案从英文 "Request failed" 换成「网络异常,请检查网络后重试」

浏览器实跑核过:登录密码错误仍显示「用户名或密码不正确」(错误码分支)、
接口错误 reject 出来是 ApiError、网络不通时拿到中文文案、非接口错误走 fallback。

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
xuyueandClaude Opus 5.5 committed 2026-09-27 15:12:40 +08:00
1 parent 6406794971
commit 7a390323fe
29 files changed
+167 -106

No files matched your search

@@ -1,4 +1,5 @@
<script lang="ts" setup>
import { errorMessage } from "utils/api"
import { deleteProblemSet, updateProblemSetStatus } from "admin/api"
interface Props {
@@ -24,8 +25,8 @@ async function handleDeleteProblemSet() {
await deleteProblemSet(props.problemSetId)
message.success("删除成功")
emit("updated")
} catch (err: any) {
message.error("删除失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("删除失败:" + errorMessage(err, "未知错误"))
}
}
@@ -53,8 +54,8 @@ async function handleUpdateStatus() {
message.success("状态更新成功")
showStatusModal.value = false
emit("updated")
} catch (err: any) {
message.error("状态更新失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("状态更新失败:" + errorMessage(err, "未知错误"))
}
}
</script>
+23 -22
View File
@@ -1,4 +1,5 @@
<script setup lang="ts">
import { errorMessage } from "utils/api"
import { NTabPane, NTabs, NButton, NFlex } from "naive-ui"
import type {
AdminProblemSet,
@@ -61,8 +62,8 @@ async function loadProblemSetDetail() {
try {
const res = await getProblemSetDetail(problemSetId.value)
problemSet.value = res
} catch (err: any) {
message.error("加载题单详情失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("加载题单详情失败:" + errorMessage(err, "未知错误"))
}
}
@@ -70,8 +71,8 @@ async function loadProblems() {
try {
const res = await getProblemSetProblems(problemSetId.value)
problems.value = res
} catch (err: any) {
message.error("加载题目列表失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("加载题目列表失败:" + errorMessage(err, "未知错误"))
}
}
@@ -79,8 +80,8 @@ async function loadBadges() {
try {
const res = await getProblemSetBadges(problemSetId.value)
badges.value = res
} catch (err: any) {
message.error("加载奖章列表失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("加载奖章列表失败:" + errorMessage(err, "未知错误"))
}
}
@@ -88,8 +89,8 @@ async function loadProgress() {
try {
const res = await getProblemSetProgress(problemSetId.value)
progress.value = res
} catch (err: any) {
message.error("加载进度列表失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("加载进度列表失败:" + errorMessage(err, "未知错误"))
}
}
@@ -100,8 +101,8 @@ async function handleAddProblem(data: AddProblemToSetRequest) {
showAddProblemModal.value = false
loadProblems()
loadProblemSetDetail() // 刷新题目数量
} catch (err: any) {
message.error("添加题目失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("添加题目失败:" + errorMessage(err, "未知错误"))
}
}
@@ -111,8 +112,8 @@ async function handleRemoveProblem(problemSetProblemId: number) {
message.success("题目移除成功")
loadProblems()
loadProblemSetDetail() // 刷新题目数量
} catch (err: any) {
message.error("移除题目失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("移除题目失败:" + errorMessage(err, "未知错误"))
}
}
@@ -124,8 +125,8 @@ async function handleEditProblem(data: UpdateProblemInSetRequest) {
message.success("题目编辑成功")
showEditProblemModal.value = false
loadProblems()
} catch (err: any) {
message.error("编辑题目失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("编辑题目失败:" + errorMessage(err, "未知错误"))
}
}
@@ -135,8 +136,8 @@ async function handleAddBadge(data: BadgeFormData) {
message.success("奖章创建成功")
showAddBadgeModal.value = false
loadBadges()
} catch (err: any) {
message.error("创建奖章失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("创建奖章失败:" + errorMessage(err, "未知错误"))
}
}
@@ -145,8 +146,8 @@ async function handleDeleteBadge(badgeId: number) {
await deleteProblemSetBadge(problemSetId.value, badgeId)
message.success("奖章删除成功")
loadBadges()
} catch (err: any) {
message.error("删除奖章失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("删除奖章失败:" + errorMessage(err, "未知错误"))
}
}
@@ -158,8 +159,8 @@ async function handleEditBadge(data: BadgeFormData) {
message.success("奖章编辑成功")
showEditBadgeModal.value = false
loadBadges()
} catch (err: any) {
message.error("编辑奖章失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("编辑奖章失败:" + errorMessage(err, "未知错误"))
}
}
@@ -168,8 +169,8 @@ async function handleRemoveUser(userId: number) {
await removeUserFromProblemSet(problemSetId.value, userId)
message.success("用户移除成功")
loadProgress()
} catch (err: any) {
message.error("移除用户失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("移除用户失败:" + errorMessage(err, "未知错误"))
}
}
+5 -4
View File
@@ -1,4 +1,5 @@
<script setup lang="ts">
import { errorMessage } from "utils/api"
import type { CreateProblemSetData, EditProblemSetData } from "utils/types"
import { fromPickerValue, toPickerValue } from "utils/functions"
import { getProblemSetDetail, createProblemSet, editProblemSet } from "../api"
@@ -60,8 +61,8 @@ async function loadProblemSetDetail() {
visible: data.visible,
endTime: data.endTime ? new Date(data.endTime) : null,
}
} catch (err: any) {
message.error("加载题单详情失败:" + (err.data || "未知错误"))
} catch (err) {
message.error("加载题单详情失败:" + errorMessage(err, "未知错误"))
}
}
@@ -87,11 +88,11 @@ async function handleSubmit() {
message.success("题单创建成功")
}
router.push({ name: "admin problemset list" })
} catch (err: any) {
} catch (err) {
message.error(
(isEdit.value ? "更新" : "创建") +
"题单失败:" +
(err.data || "未知错误"),
errorMessage(err, "未知错误"),
)
} finally {
loading.value = false