muz3 · November 30, 2020 06:23 · Feb 16, 2017 · Feb 16, 2017 · Feb 9, 2017 · Feb 8, 2017
diff --git a/service.js b/service.js
@@ -16,12 +16,20 @@ class Service {
   handleError = (error) => {
     switch (error.response.status) {
       case 401:
-        // perhaps redirect to login page
-      case 500:
-        // perhaps redirect to 500 error page
+        this.redirectTo(document, '/')
+        break;
+      case 404:
+        this.redirectTo(document, '/404')
+        break;
       default:
-        // perhaps trigger an action to update the store with the error
+        this.redirectTo(document, '/500')
+        break;
     }
+    return Promise.reject(error)
+  }
+
+  redirectTo = (document, path) => {
+    document.location = path
   }
 
   get(path, callback) {

diff --git a/service.js b/service.js
@@ -13,7 +13,7 @@ class Service {
     return response;
   }
 
-  handleError(error) {
+  handleError = (error) => {
     switch (error.response.status) {
       case 401:
         // perhaps redirect to login page

diff --git a/service.js b/service.js
@@ -14,7 +14,7 @@ class Service {
   }
 
   handleError(error) {
-    switch (error.status) {
+    switch (error.response.status) {
       case 401:
         // perhaps redirect to login page
       case 500:

diff --git a/service.js b/service.js
@@ -16,7 +16,7 @@ class Service {
   handleError(error) {
     switch (error.status) {
       case 401:
-        // perhaps redirect to 404 not found page
+        // perhaps redirect to login page
       case 500:
         // perhaps redirect to 500 error page
       default:

diff --git a/service.js b/service.js
@@ -0,0 +1,52 @@
+import axios from 'axios';
+
+class Service {
+  constructor() {
+    let service = axios.create({
+      headers: {csrf: 'token'}
+    });
+    service.interceptors.response.use(this.handleSuccess, this.handleError);
+    this.service = service;
+  }
+
+  handleSuccess(response) {
+    return response;
+  }
+
+  handleError(error) {
+    switch (error.status) {
+      case 401:
+        // perhaps redirect to 404 not found page
+      case 500:
+        // perhaps redirect to 500 error page
+      default:
+        // perhaps trigger an action to update the store with the error
+    }
+  }
+
+  get(path, callback) {
+    return this.service.get(path).then(
+      (response) => callback(response.status, response.data)
+    );
+  }
+
+  patch(path, payload, callback) {
+    return this.service.request({
+      method: 'PATCH',
+      url: path,
+      responseType: 'json',
+      data: payload
+    }).then((response) => callback(response.status, response.data));
+  }
+
+  post(path, payload, callback) {
+    return this.service.request({
+      method: 'POST',
+      url: path,
+      responseType: 'json',
+      data: payload
+    }).then((response) => callback(response.status, response.data));
+  }
+}
+
+export default new Service;
No results found