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 { deleteTutorial } from "admin/api"
interface Props {
@@ -22,8 +23,8 @@ async function handleDelete() {
await deleteTutorial(props.tutorialID)
message.success("删除成功")
emit("deleted")
} catch (err: any) {
message.error(err.data)
} catch (err) {
message.error(errorMessage(err))
}
}
</script>
@@ -1,4 +1,5 @@
<script setup lang="ts">
import { errorMessage } from "utils/api"
import type {
Exercise,
ExerciseType,
@@ -317,8 +318,8 @@ async function save() {
}
showForm.value = false
await load()
} catch (e: any) {
message.error(e.data ?? "保存失败")
} catch (e) {
message.error(errorMessage(e, "保存失败"))
}
}
+3 -2
View File
@@ -1,4 +1,5 @@
<script lang="ts" setup>
import { errorMessage } from "utils/api"
import CodeEditor from "shared/components/CodeEditor.vue"
import MarkdownEditor from "shared/components/MarkdownEditor.vue"
import type { TutorialEdit } from "utils/types"
@@ -63,8 +64,8 @@ async function submit() {
await updateTutorial(tutorial)
message.success("修改已保存")
}
} catch (err: any) {
message.error(err.data)
} catch (err) {
message.error(errorMessage(err))
}
}
+3 -2
View File
@@ -1,4 +1,5 @@
<script setup lang="ts">
import { errorMessage } from "utils/api"
import { NSwitch } from "naive-ui"
import { parseTime } from "utils/functions"
import type { TutorialListItem } from "utils/types"
@@ -63,8 +64,8 @@ async function toggleVisible(tutorial: TutorialListItem) {
try {
await setTutorialVisibility(tutorial.id, tutorial.isPublic)
message.success("更新成功")
} catch (err: any) {
message.error(err.data)
} catch (err) {
message.error(errorMessage(err))
tutorial.isPublic = !tutorial.isPublic
}
}