.

frontend/src/pages/user/usernamePage.vue

@@ -57,14 +57,14 @@ async function setUsername() {
     }
 
     api.post('/api/users', {
-      username: user.value.username+"aaaaaa"
+      username: user.value.username
     })
     
     .then(function (response) {
       console.log(response);
 
-      localStorage.setItem("username", user.value.username);
+      localStorage.setItem("username", response.data.username);
-      localStorage.setItem("id", user.value.id);
+      localStorage.setItem("id", response.data.id);
 
       $q.notify({
         type: "positive",
@@ -75,7 +75,11 @@ async function setUsername() {
     
     .catch(function (error) {
       console.log(error);
-      window.location.href = '/#/error?msg=API%20unreachable';
+
+      $q.notify({
+            type: "negative",
+            message: error.response.data.error,
+        });
     });
 }
 </script>