diff --git a/ui/src/components/users/DeleteAccountDialog.vue b/ui/src/components/users/DeleteAccountDialog.vue
index 96a8ff8..90cf68b 100644
--- a/ui/src/components/users/DeleteAccountDialog.vue
+++ b/ui/src/components/users/DeleteAccountDialog.vue
@@ -10,7 +10,7 @@
       <v-card-text>
         <v-row dense>
           <v-card-text style="color: red;">
-            请在下方文本框中一字不差地输入引号内的内容：“{{ DialogDeleteAccountPromise }}”之后，您才能删除账号。
+            请在下方文本框中一字不差地输入引号内的内容：“<span style="user-select: none;">{{ DialogDeleteAccountPromise }}</span>”之后，您才能删除账号。
           </v-card-text>
           <v-col cols="12" sm="12">
             <v-text-field v-model="dialogDeleteAccountPromise" :label="DialogDeleteAccountPromise"
@@ -78,7 +78,11 @@ const requestDeleteAccount = async () => {
     return res.data as DeleteAccountResponse;
   } catch (e) {
     let ex = e as AxiosError;
-    return ex.response?.data as DeleteAccountResponse;
+    if (ex.response?.data) {
+      return ex.response?.data as DeleteAccountResponse;
+    } {
+      return { error: ex.message };
+    }
   }
 }
 
diff --git a/ui/src/components/users/LoginForm.vue b/ui/src/components/users/LoginForm.vue
index 8fdd71c..b09ab75 100644
--- a/ui/src/components/users/LoginForm.vue
+++ b/ui/src/components/users/LoginForm.vue
@@ -78,7 +78,11 @@ const login = async (userId: string, password: string) => {
     return res.data as LoginResponse;
   } catch (e) {
     let ex = e as AxiosError;
-    return ex.response?.data as LoginResponse;
+    if (ex.response?.data) {
+      return ex.response?.data as LoginResponse;
+    } {
+      return { error: ex.message };
+    }
   }
 };
 
diff --git a/ui/src/components/users/RegisterForm.vue b/ui/src/components/users/RegisterForm.vue
index 4445746..7def792 100644
--- a/ui/src/components/users/RegisterForm.vue
+++ b/ui/src/components/users/RegisterForm.vue
@@ -84,7 +84,11 @@ const register = async (userId: string, password: string) => {
     return res.data as RegisterResponse;
   } catch (e) {
     let ex = e as AxiosError;
-    return ex.response?.data as RegisterResponse;
+    if (ex.response?.data) {
+      return ex.response?.data as RegisterResponse;
+    } {
+      return { error: ex.message };
+    }
   }
 };
 
diff --git a/ui/src/components/users/RepasswdDialog.vue b/ui/src/components/users/RepasswdDialog.vue
index 63f0d01..b20283c 100644
--- a/ui/src/components/users/RepasswdDialog.vue
+++ b/ui/src/components/users/RepasswdDialog.vue
@@ -76,7 +76,11 @@ const requestRepasswd = async () => {
     return res.data as RepasswdResponse;
   } catch (e) {
     let ex = e as AxiosError;
-    return ex.response?.data as RepasswdResponse;
+    if (ex.response?.data) {
+      return ex.response?.data as RepasswdResponse;
+    } {
+      return { error: ex.message };
+    }
   }
 }