diff --git a/src/components/settings/Notifications.vue b/src/components/settings/Notifications.vue
index 5459f6f9c..48dc2729b 100644
--- a/src/components/settings/Notifications.vue
+++ b/src/components/settings/Notifications.vue
@@ -11,7 +11,7 @@
             <ul class="list-group mb-3" style="border-radius: 1rem;">
                 <li v-for="(notification, index) in $root.notificationList" :key="index" class="list-group-item">
                     {{ notification.name }}<br>
-                    <a href="#" @click="$refs.notificationDialog.show(notification.id)">{{ $t("Edit") }}</a>
+                    <a href="#" @click.prevent="$refs.notificationDialog.show(notification.id)">{{ $t("Edit") }}</a>
                 </li>
             </ul>
 
diff --git a/src/components/settings/Proxies.vue b/src/components/settings/Proxies.vue
index 4608f3aa4..00088bf1b 100644
--- a/src/components/settings/Proxies.vue
+++ b/src/components/settings/Proxies.vue
@@ -13,7 +13,7 @@
                 <li v-for="(proxy, index) in $root.proxyList" :key="index" class="list-group-item">
                     {{ proxy.host }}:{{ proxy.port }} ({{ proxy.protocol }})
                     <span v-if="proxy.default === true" class="badge bg-primary ms-2">{{ $t("Default") }}</span><br>
-                    <a href="#" @click="$refs.proxyDialog.show(proxy.id)">{{ $t("Edit") }}</a>
+                    <a href="#" @click.prevent="$refs.proxyDialog.show(proxy.id)">{{ $t("Edit") }}</a>
                 </li>
             </ul>
 
diff --git a/src/pages/AddStatusPage.vue b/src/pages/AddStatusPage.vue
index 230894ff4..898c25107 100644
--- a/src/pages/AddStatusPage.vue
+++ b/src/pages/AddStatusPage.vue
@@ -59,7 +59,7 @@ export default {
                 this.processing = false;
 
                 if (res.ok) {
-                    location.href = "/status/" + this.slug + "?edit";
+                    this.$router.push("/status/" + this.slug + "?edit");
                 } else {
 
                     if (res.msg.includes("UNIQUE constraint")) {
diff --git a/src/pages/EditMonitor.vue b/src/pages/EditMonitor.vue
index f58ab2b0d..610ea1196 100644
--- a/src/pages/EditMonitor.vue
+++ b/src/pages/EditMonitor.vue
@@ -286,7 +286,7 @@
 
                                 <label class="form-check-label" :for=" 'notification' + notification.id">
                                     {{ notification.name }}
-                                    <a href="#" @click="$refs.notificationDialog.show(notification.id)">{{ $t("Edit") }}</a>
+                                    <a href="#" @click.prevent="$refs.notificationDialog.show(notification.id)">{{ $t("Edit") }}</a>
                                 </label>
 
                                 <span v-if="notification.isDefault == true" class="badge bg-primary ms-2">{{ $t("Default") }}</span>
@@ -313,7 +313,7 @@
 
                                     <label class="form-check-label" :for="`proxy-${proxy.id}`">
                                         {{ proxy.host }}:{{ proxy.port }} ({{ proxy.protocol }})
-                                        <a href="#" @click="$refs.proxyDialog.show(proxy.id)">{{ $t("Edit") }}</a>
+                                        <a href="#" @click.prevent="$refs.proxyDialog.show(proxy.id)">{{ $t("Edit") }}</a>
                                     </label>
 
                                     <span v-if="proxy.default === true" class="badge bg-primary ms-2">{{ $t("default") }}</span>
diff --git a/src/pages/NotFound.vue b/src/pages/NotFound.vue
index 99d9bbe25..189290e35 100644
--- a/src/pages/NotFound.vue
+++ b/src/pages/NotFound.vue
@@ -31,7 +31,7 @@
                 {{ $t("What you can try:") }}<br />
                 <ul>
                     <li>{{ $t("Retype the address.") }}</li>
-                    <li><a href="#" class="go-back" @click="goBack()">{{ $t("Go back to the previous page.") }}</a></li>
+                    <li><a href="#" class="go-back" @click.prevent="goBack()">{{ $t("Go back to the previous page.") }}</a></li>
                     <li><a href="./" class="go-back">Go back to home page.</a></li>
                 </ul>
             </div>
diff --git a/src/pages/StatusPage.vue b/src/pages/StatusPage.vue
index 0898acab3..c92d90fa5 100644
--- a/src/pages/StatusPage.vue
+++ b/src/pages/StatusPage.vue
@@ -128,10 +128,10 @@
                         {{ $t("Edit Status Page") }}
                     </button>
 
-                    <a href="/manage-status-page" class="btn btn-info">
+                    <router-link to="/manage-status-page" class="btn btn-info">
                         <font-awesome-icon icon="tachometer-alt" />
                         {{ $t("Go to Dashboard") }}
-                    </a>
+                    </router-link>
                 </div>
 
                 <div v-else>
@@ -179,12 +179,12 @@
                             {{ $t("Style") }}: {{ $t(incident.style) }}
                         </button>
                         <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1">
-                            <li><a class="dropdown-item" href="#" @click="incident.style = 'info'">{{ $t("info") }}</a></li>
-                            <li><a class="dropdown-item" href="#" @click="incident.style = 'warning'">{{ $t("warning") }}</a></li>
-                            <li><a class="dropdown-item" href="#" @click="incident.style = 'danger'">{{ $t("danger") }}</a></li>
-                            <li><a class="dropdown-item" href="#" @click="incident.style = 'primary'">{{ $t("primary") }}</a></li>
-                            <li><a class="dropdown-item" href="#" @click="incident.style = 'light'">{{ $t("light") }}</a></li>
-                            <li><a class="dropdown-item" href="#" @click="incident.style = 'dark'">{{ $t("dark") }}</a></li>
+                            <li><a class="dropdown-item" href="#" @click.prevent="incident.style = 'info'">{{ $t("info") }}</a></li>
+                            <li><a class="dropdown-item" href="#" @click.prevent="incident.style = 'warning'">{{ $t("warning") }}</a></li>
+                            <li><a class="dropdown-item" href="#" @click.prevent="incident.style = 'danger'">{{ $t("danger") }}</a></li>
+                            <li><a class="dropdown-item" href="#" @click.prevent="incident.style = 'primary'">{{ $t("primary") }}</a></li>
+                            <li><a class="dropdown-item" href="#" @click.prevent="incident.style = 'light'">{{ $t("light") }}</a></li>
+                            <li><a class="dropdown-item" href="#" @click.prevent="incident.style = 'dark'">{{ $t("dark") }}</a></li>
                         </ul>
                     </div>
 
@@ -554,7 +554,7 @@ export default {
             this.$root.publicGroupList = res.data.publicGroupList;
         }).catch( function (error) {
             if (error.response.status === 404) {
-                location.href = "/page-not-found";
+                this.$router.push("/page-not-found");
             }
             console.log(error);
         });
@@ -657,7 +657,7 @@ export default {
                     }
 
                     setTimeout(() => {
-                        location.href = "/status/" + this.config.slug;
+                        this.$router.push("/status/" + this.config.slug);
                     }, time);
 
                 } else {
@@ -676,7 +676,7 @@ export default {
             this.$root.getSocket().emit("deleteStatusPage", this.slug, (res) => {
                 if (res.ok) {
                     this.enableEditMode = false;
-                    location.href = "/manage-status-page";
+                    this.$router.push("/manage-status-page");
                 } else {
                     toast.error(res.msg);
                 }
@@ -713,7 +713,7 @@ export default {
 
         /** Discard changes to status page */
         discard() {
-            location.href = "/status/" + this.slug;
+            this.$router.back();
         },
 
         /**