修好错误捕获的函数

Author: kuangshp

src/store/modules/user.ts

@@ -7,8 +7,7 @@ export default {
   mutations: {},
   actions: {
     async getAllUserApi() {
-      const [err, result] = await errorCaptured(UserService.getAllUser, true)();
-      return result;
+      return await errorCaptured(UserService.getAllUser)();
     },
   },
 };

src/utils/error-captured.ts

@@ -1,21 +1,21 @@
 import { axiosResult } from './axios-result';
 
 /**
- * 错误捕获的方法
+ * 错误捕获的方法,使用方式errorCaptured(UserService.getAllUser)(getAllUser函数需要传递的参数)
  * @param func
  */
-export const errorCaptured = (
-  func: () => void,
-  isObj: boolean = false,
-): any => {
+export const errorCaptured = (func: () => void) => {
   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, isObj)];
+        return await target.apply(thisBinding, args);
       } catch (e) {
-        return [e, Promise.resolve('')];
+        const {
+          data: {
+            data: { error },
+          },
+        } = e;
+        console.error(error);
       }
     },
   });

src/views/demo1/demo12/demo12.vue

@@ -7,7 +7,7 @@
     >使用vuex方法获取全部用户</el-button>
     <el-button
       type="primary"
-      @click="getAllUserApi"
+      @click="getUser"
     >直接获取全部用户</el-button>
   </div>
 </template>
@@ -26,15 +26,15 @@ export default class Demo12 extends Vue {
    * 直接在vue组件中使用axios请求接口
    */
   private async getUser() {
-    const result = await axios.get('/user?pageSize=10&pageNumber=1');
-    console.log(result);
+    const { code, message, result } = await axios.get('/user?pageSize=10&pageNumber=1');
+    console.log(code, message, result);
   }
 
   /**
    * 通过store统一调用接口
    */
   private async vuexGetUser() {
-    const { result } = await this.getAllUserApi();
+    const result = await this.getAllUserApi();
     console.log(result);
   }
 }