Moving change from axios interceptor to specific request.

src/mixins/public.js

@@ -7,17 +7,6 @@ if (env === "development" || localStorage.dev === "dev") {
     axios.defaults.baseURL = location.protocol + "//" + location.hostname + ":3001";
 }
 
-// Add a response interceptor to catch 404 errors in dymanic routes such as /status/:slug
-axios.interceptors.response.use(function (response) {
-    return response;
-}, function (error) {
-    if (error.response.status === 404) {
-        location.href = "/page-not-found";
-    }
-    console.log(error);
-    return Promise.reject(error);
-});
-
 export default {
     data() {
         return {

src/pages/StatusPage.vue

@@ -551,6 +551,11 @@ export default {
 
             this.incident = res.data.incident;
             this.$root.publicGroupList = res.data.publicGroupList;
+        }).catch( function (error) {
+            if (error.response.status === 404) {
+                location.href = "/page-not-found";
+            }
+            console.log(error);
         });
 
         // 5mins a loop