封装一个错误的方法

Author: kuangshp

package-lock.json

@@ -16,7 +16,6 @@
     "@fortawesome/fontawesome-free-solid": "^5.0.13",
     "@fortawesome/fontawesome-svg-core": "^1.2.21",
     "@fortawesome/vue-fontawesome": "^0.1.6",
-    "async-catch-loader": "^2.0.5",
     "axios": "^0.19.0",
     "core-js": "^2.6.5",
     "element-ui": "^2.11.1",

package.json

@@ -1,18 +1,14 @@
 import UserService from '@/servers/User';
-import { axiosResult } from '@/utils';
+import { errorCaptured } from '@/utils';
 
 export default {
   namespaced: true,
   state: {},
   mutations: {},
   actions: {
     async getAllUserApi() {
-      try {
-        const { code, message, result } = await UserService.getAllUser();
-        return axiosResult(result, code, message, true);
-      } catch (e) {
-        return e;
-      }
+      const [err, result] = await errorCaptured(UserService.getAllUser)();
+      return result;
     },
   },
 };

src/decorators/index.ts

@@ -1,12 +1,19 @@
+import { axiosResult } from './axios-result';
+
 /**
  * 错误捕获的方法
  * @param func
  */
-export const errorCaptured = async (func: () => void) => {
-  try {
-    const result = await func();
-    return [null, result];
-  } catch (e) {
-    return [e, null];
-  }
+export const errorCaptured = (func: () => void): any => {
+  return new Proxy(func, {
+    async apply(target, thisBinding, args) {
+      try {
+        const res: any = await target.apply(thisBinding, args);
+        const { code, message, result } = res;
+        return [null, axiosResult(result, code, message, true)];
+      } catch (e) {
+        return [e, Promise.resolve('')];
+      }
+    },
+  });
 };

src/decorators/tryDecorator.ts

@@ -5,3 +5,4 @@ export * from './axios-request';
 export * from './axios-method';
 export * from './axios-result';
 export * from './data-type';
+export * from './error-captured';