use custom error

geek-fun · Aug 5, 2023 · a7c73f2 · a7c73f2
1 parent 0952e2f
commit a7c73f2
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 4 deletions.
diff --git a/components.d.ts b/components.d.ts
@@ -8,7 +8,6 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     AppProvider: typeof import('./src/components/AppProvider.vue')['default']
-    NAlert: typeof import('naive-ui')['NAlert']
     NButton: typeof import('naive-ui')['NButton']
     NCard: typeof import('naive-ui')['NCard']
     NConfigProvider: typeof import('naive-ui')['NConfigProvider']

diff --git a/src/common/customError.ts b/src/common/customError.ts
@@ -0,0 +1,8 @@
+export class CustomError extends Error {
+  constructor(
+    public readonly status: number,
+    public readonly details: string,
+  ) {
+    super();
+  }
+}
diff --git a/src/views/connect/components/add-dialog.vue b/src/views/connect/components/add-dialog.vue
@@ -95,6 +95,7 @@
 
 <script setup lang="ts">
 import { Close } from '@vicons/carbon';
+import { CustomError } from '../../../common/customError';
 
 const showModal = ref(false);
 const modalTitle = ref('添加连接');
@@ -124,10 +125,11 @@ const testConnect = async () => {
     const result = await fetch(`${formOriginData.value.host}:${formOriginData.value.port}`, {
       method: 'GET',
     });
-    if (!result.ok) throw { status: result.status, message: await result.json() };
+    if (!result.ok) new CustomError(result.status, await result.json());
     message.success('connect success');
-  } catch (error) {
-    message.error(`status: ${error.status}, details: ${error.message}`, {
+  } catch (e) {
+    const error = e as CustomError;
+    message.error(`status: ${error.status}, details: ${error.details}`, {
       closable: true,
       keepAliveOnHover: true,
       duration: 36000000,