改进

src/components/settings/AssistantSettings.vue

@@ -124,7 +124,7 @@
             <n-h3>工具</n-h3>
             <div v-for="c in userTools" :key="c.id">
               <!-- 如果是第 2 或不是最后一个，则添加 hr -->
-              <n-divider v-if="userTools.indexOf(c) !== 0 " />
+              <n-divider v-if="userTools.indexOf(c) !== 0" />
               <div class="flex justify-between items-center mt-3">
                 <div>
                   {{ c.name }}
@@ -243,6 +243,7 @@ import {
   EntityTool,
 } from "@/api";
 import { useIsMobile } from "@/utils/composables";
+import { AxiosError } from "axios";
 
 const dialog = useDialog();
 const chatStore = useChatStore();
@@ -317,14 +318,28 @@ const getTools = async () => {
 };
 
 const createAssistant = async () => {
-  await getApi().Assistant.apiV1AssistantsPost({
-    name: currentAssistant.value.name ?? "",
-    prompt: currentAssistant.value.prompt ?? "",
-    description:
-      currentAssistant.value.description ?? currentAssistant.value.name ?? "",
-  });
+  await getApi()
+    .Assistant.apiV1AssistantsPost({
+      name: currentAssistant.value.name ?? "",
+      prompt: currentAssistant.value.prompt ?? "",
+      description:
+        currentAssistant.value.description ?? currentAssistant.value.name ?? "",
+    })
+    .then(() => {
+      showCreateDialog.value = false;
+    })
+    .catch((e: AxiosError) => {
+      if (e.response?.status === 400) {
+        dialog.error({
+          title: "参数错误",
+          // @ts-ignore 忽略
+          content: e.response?.data?.error,
+          positiveText: "好",
+        });
+        return;
+      }
+    });
   await getAssistants();
-  showCreateDialog.value = false;
 };
 
 const getLibraries = async () => {

src/pages/errors/400.vue

@@ -0,0 +1,12 @@
+<template>
+  <n-result description="请检查所有填写的项目" status="418" title="输入有误">
+  
+    <template #footer> </template>
+  </n-result>
+</template>
+
+<script setup lang="ts">
+import { NResult } from "naive-ui";
+import Lottie from "@/components/Lottie.vue";
+import ScrunchedMouth from "@/assets/lottie/scrunched-mouth.json";
+</script>

src/plugins/httpInterceptors.ts

@@ -3,6 +3,7 @@ import { createDiscreteApi, darkTheme, lightTheme, useOsTheme } from "naive-ui";
 import type { ConfigProviderProps } from "naive-ui";
 import error401 from "@/pages/errors/401.vue";
 import error404 from "@/pages/errors/404.vue";
+import error400 from "@/pages/errors/400.vue";
 import error500 from "@/pages/errors/500.vue";
 
 const osThemeRef = useOsTheme();
@@ -66,7 +67,16 @@ const response = {
       data = error.response.data.error.message;
     }
 
-    if (error.response.status === 401) {
+    if (error.response.status === 400) {
+      // dialog.error({
+      //   title: "输入有误",
+      //   content: () => {
+      //     return h(error400, {
+      //       show_footer: false,
+      //     });
+      //   },
+      // });
+    } else if (error.response.status === 401) {
       dialog.error({
         title: "401 未授权",
         content: () => {

src/typed-router.d.ts

@@ -24,6 +24,7 @@ declare module 'vue-router/auto-routes' {
     '/auth/login': RouteRecordInfo<'/auth/login', '/auth/login', Record<never, never>, Record<never, never>>,
     '/auth/logout': RouteRecordInfo<'/auth/logout', '/auth/logout', Record<never, never>, Record<never, never>>,
     '/chat/[id]/': RouteRecordInfo<'/chat/[id]/', '/chat/:id', { id: ParamValue<true> }, { id: ParamValue<false> }>,
+    '/errors/400': RouteRecordInfo<'/errors/400', '/errors/400', Record<never, never>, Record<never, never>>,
     '/errors/401': RouteRecordInfo<'/errors/401', '/errors/401', Record<never, never>, Record<never, never>>,
     '/errors/404': RouteRecordInfo<'/errors/404', '/errors/404', Record<never, never>, Record<never, never>>,
     '/errors/500': RouteRecordInfo<'/errors/500', '/errors/500', Record<never, never>, Record<never, never>>,