Add response interceptor to axios to handle errors

resources/js/packages/axios.js

@@ -12,4 +12,20 @@ axios.interceptors.request.use(request => {
     request.headers.common['Content-Type'] = 'application/json'
 
     return request
+})
+
+// Response interceptor
+axios.interceptors.response.use(response => response, error => {
+
+    const { status } = error.response
+
+    if (status >= 500) {
+        // do something ?
+    }
+
+    if (status === 404) {
+        router.push({name: '404', params: { err : error.response.data.error }})
+    }
+
+    return Promise.reject(error)
 })