ajax handlererror

Author: xiaochong444

Vue/src/libs/util.js

@@ -29,9 +29,41 @@ util.ajax.interceptors.request.use(function (config) {
     config.headers.common["Abp.TenantId"]=abp.multiTenancy.getTenantIdCookie();
     return config;
   }, function (error) {
-    
+
     return Promise.reject(error);
 });
+util.ajax.interceptors.response.use(function (response) {
+    // Do something with response data
+    return response;
+  }, function (error) {
+    // Do something with response error
+    if(!!error.response&&!!error.response.data&&!!error.response.data.__abp){
+        abp.ajax.showError(error.response.data.error);
+    }else{
+        if(!error.response){
+            abp.ajax.showError(abp.ajax.defaultError);
+            return
+        }
+        switch (error.response.status) {
+            case 401:
+                abp.ajax.handleUnAuthorizedRequest(
+                    abp.ajax.showError(abp.ajax.defaultError401),
+                    abp.appPath
+                );
+                break;
+            case 403:
+                abp.ajax.showError(abp.ajax.defaultError403);
+                break;
+            case 404:
+                abp.ajax.showError(abp.ajax.defaultError404);
+                break;
+            default:
+                abp.ajax.showError(abp.ajax.defaultError);
+                break;
+        }
+    }
+    return Promise.reject(error);
+  })
 util.inOf = function (arr, targetArr) {
     let res = true;
     arr.forEach(item => {

Vue/src/main.js

@@ -14,6 +14,14 @@ util.ajax.get('/AbpUserConfiguration/GetAll').then(result=>{
     Vue.use(VueI18n);
     Vue.use(iView);
     window.abp=$.extend(true,abp,result.data.result);
+    abp.ajax.defaultError.message = abp.localization.abpWeb('DefaultError');
+    abp.ajax.defaultError.details = abp.localization.abpWeb('DefaultErrorDetail');
+    abp.ajax.defaultError401.message = abp.localization.abpWeb('DefaultError401');
+    abp.ajax.defaultError401.details = abp.localization.abpWeb('DefaultErrorDetail401');
+    abp.ajax.defaultError403.message = abp.localization.abpWeb('DefaultError403');
+    abp.ajax.defaultError403.details = abp.localization.abpWeb('DefaultErrorDetail403');
+    abp.ajax.defaultError404.message = abp.localization.abpWeb('DefaultError404');
+    abp.ajax.defaultError404.details = abp.localization.abpWeb('DefaultErrorDetail404');
     Vue.prototype.L=function(text,...args){
         let localizedText=window.abp.localization.localize(text,AppConsts.localization.defaultLocalizationSourceName);
         if (!localizedText) {