updated error handling to see the difference between request errors, response errors and other ones

frontend/src/pages/Cache.vue

@@ -160,8 +160,27 @@
               this.$store.commit('cacheCollector/RESET_NEW_CACHE');
               this.$router.push({ path: '/overview' });
             }).catch((error) => {
-            this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: error })
+            // Error
-          });
+            let msg;
+            let title;
+            if (error.response) {
+              // The request was made and the server responded with a status code
+              title = "Problem with response!";
+              msg = error.response;
+            } else if (error.request) {
+              // The request was made but no response was received
+              title = "Problem with request!";
+              msg = "Error occured due to wrong server request!"
+              console.log(error.request);
+            } else {
+              // Something happened in setting up the request that triggered an Error
+              title = "Error";
+              msg = error.message;
+              console.log('Error', error.message);
+            }
+            console.log(error.config);
+            this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
+          })
           } else {
           // TODO update existing Cache
         }

frontend/src/pages/Overview.vue

@@ -118,7 +118,26 @@
             console.log("Caches: " + this.caches);
             this.caches = response.data;
           }).catch((error) => {
-          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: error })
+          // Error
+          let msg;
+          let title;
+          if (error.response) {
+            // The request was made and the server responded with a status code
+            title = "Problem with response!";
+            msg = error.response;
+          } else if (error.request) {
+            // The request was made but no response was received
+            title = "Problem with request!";
+            msg = "Error occured due to wrong server request!"
+            console.log(error.request);
+          } else {
+            // Something happened in setting up the request that triggered an Error
+            title = "Error";
+            msg = error.message;
+            console.log('Error', error.message);
+          }
+          console.log(error.config);
+          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
         })
       },
       addCache() {
@@ -132,7 +151,26 @@
           .then((response) => {
             this.fetchAllCaches()
           }).catch((error) => {
-          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: error })
+          // Error
+          let msg;
+          let title;
+          if (error.response) {
+            // The request was made and the server responded with a status code
+            title = "Problem with response!";
+            msg = error.response;
+          } else if (error.request) {
+            // The request was made but no response was received
+            title = "Problem with request!";
+            msg = "Error occured due to wrong server request!"
+            console.log(error.request);
+          } else {
+            // Something happened in setting up the request that triggered an Error
+            title = "Error";
+            msg = error.message;
+            console.log('Error', error.message);
+          }
+          console.log(error.config);
+          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
         })
       },
       startCache(cacheID) {
@@ -152,7 +190,26 @@
             //this.$router.push({path: `/station/${stationID}`})
             this.$router.push({path: `/station/${cacheID}/${stationID}`})
           }).catch((error) => {
-          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: error })
+          // Error
+          let msg;
+          let title;
+          if (error.response) {
+            // The request was made and the server responded with a status code
+            title = "Problem with response!";
+            msg = error.response;
+          } else if (error.request) {
+            // The request was made but no response was received
+            title = "Problem with request!";
+            msg = "Error occured due to wrong server request!"
+            console.log(error.request);
+          } else {
+            // Something happened in setting up the request that triggered an Error
+            title = "Error";
+            msg = error.message;
+            console.log('Error', error.message);
+          }
+          console.log(error.config);
+          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
         })
       }
     }

frontend/src/pages/Profile.vue

@@ -128,8 +128,27 @@
           .then((response) => {
           this.startedCaches = response.data;
           }).catch((error) => {
-          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: error })
+          // Error
-        });
+          let msg;
+          let title;
+          if (error.response) {
+            // The request was made and the server responded with a status code
+            title = "Problem with response!";
+            msg = error.response;
+          } else if (error.request) {
+            // The request was made but no response was received
+            title = "Problem with request!";
+            msg = "Error occured due to wrong server request!"
+            console.log(error.request);
+          } else {
+            // Something happened in setting up the request that triggered an Error
+            title = "Error";
+            msg = error.message;
+            console.log('Error', error.message);
+          }
+          console.log(error.config);
+          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
+        })
       },
       continueCache(cacheID) {
       }

frontend/src/pages/StationView.vue

@@ -86,11 +86,49 @@
                 console.log(JSON.stringify(stationView));
                 this.data.station = stationView;
               }).catch((error) => {
-              this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: error })
+              // Error
-            });
+              let msg;
+              let title;
+              if (error.response) {
+                // The request was made and the server responded with a status code
+                title = "Problem with response!";
+                msg = error.response;
+              } else if (error.request) {
+                // The request was made but no response was received
+                title = "Problem with request!";
+                msg = "Error occured due to wrong server request!"
+                console.log(error.request);
+              } else {
+                // Something happened in setting up the request that triggered an Error
+                title = "Error";
+                msg = error.message;
+                console.log('Error', error.message);
+              }
+              console.log(error.config);
+              this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
+            })
           }).catch((error) => {
-          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: error })
+          // Error
-        });
+          let msg;
+          let title;
+          if (error.response) {
+            // The request was made and the server responded with a status code
+            title = "Problem with response!";
+            msg = error.response;
+          } else if (error.request) {
+            // The request was made but no response was received
+            title = "Problem with request!";
+            msg = "Error occured due to wrong server request!"
+            console.log(error.request);
+          } else {
+            // Something happened in setting up the request that triggered an Error
+            title = "Error";
+            msg = error.message;
+            console.log('Error', error.message);
+          }
+          console.log(error.config);
+          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
+        })
       }
     }
   }

frontend/src/pages/ranking.vue

@@ -83,7 +83,26 @@
             console.log(response.data);
             this.rankinglist = response.data;
           }).catch((error) => {
-            this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: error })
+          // Error
+          let msg;
+          let title;
+          if (error.response) {
+            // The request was made and the server responded with a status code
+            title = "Problem with response!";
+            msg = error.response;
+          } else if (error.request) {
+            // The request was made but no response was received
+            title = "Problem with request!";
+            msg = "Error occured due to wrong server request!"
+            console.log(error.request);
+          } else {
+            // Something happened in setting up the request that triggered an Error
+            title = "Error";
+            msg = error.message;
+            console.log('Error', error.message);
+          }
+          console.log(error.config);
+          this.$store.commit('dialog/NEW_MESSAGE_DIALOG', { message: msg, title: title, });
         })
       }
     }