feature: 代码优化

lib/http.js

@@ -30,7 +30,7 @@ class WrappedAxios {
         const controller = new AbortController();
         config.signal = controller.signal;
         return {
-            cancel() {
+            abort() {
                 controller.abort();
             },
             send,
@@ -57,21 +57,4 @@ class WrappedAxios {
         });
     }
 }
-const http = new WrappedAxios();
-http
-    .beforeRequest((config) => {
-    config.headers.token = "123";
-    return config;
-})
-    .afterResponse((response) => {
-    return response.data;
-}, (error) => {
-    return Promise.reject(error);
-});
-http.get("/a", { a: 1 });
-const req = http.createGetWithCancel("/a", { a: 1 });
-req.send();
-setTimeout(() => {
-    req.cancel();
-});
 export { WrappedAxios };

sdk/http.ts

@@ -95,7 +95,7 @@ class WrappedAxios {
     const controller = new AbortController();
     config.signal = controller.signal;
     return {
-      cancel() {
+      abort() {
         controller.abort();
       },
       send,
@@ -143,29 +143,4 @@ class WrappedAxios {
   }
 }
 
-const http = new WrappedAxios();
-
-http
-  .beforeRequest((config) => {
-    config.headers.token = "123";
-    return config;
-  })
-  .afterResponse(
-    (response) => {
-      return response.data;
-    },
-    (error) => {
-      return Promise.reject(error);
-    }
-  );
-
-http.get("/a", { a: 1 });
-
-const req = http.createGetWithCancel("/a", { a: 1 });
-req.send();
-
-setTimeout(() => {
-  req.cancel();
-});
-
 export { WrappedAxios };

src/views/http.vue

@@ -39,6 +39,6 @@ const req = http.createGetWithCancel("/a", { a: 1 });
 req.send();
 
 setTimeout(() => {
-  req.cancel();
+  req.abort();
 });`);
 </script>

types/http.d.ts

@@ -1,4 +1,4 @@
-import type { CreateAxiosDefaults, AxiosInstance, AxiosInterceptorOptions, AxiosRequestConfig, InternalAxiosRequestConfig, AxiosResponse } from "node_modules/axios/index";
+import type { CreateAxiosDefaults, AxiosInstance, AxiosInterceptorOptions, AxiosRequestConfig, InternalAxiosRequestConfig, AxiosResponse } from "axios";
 declare class WrappedAxios {
     private instance?;
     constructor(options?: CreateAxiosDefaults);
@@ -11,19 +11,19 @@ declare class WrappedAxios {
     delete<R = any>(url: string, data: Record<string, any>, config?: AxiosRequestConfig): Promise<R>;
     private createCancelObj;
     createGetWithCancel<R = any>(url: string, data: Record<string, any>, config?: AxiosRequestConfig): {
-        cancel(): void;
+        abort(): void;
         send: () => Promise<R>;
     };
     createPostWithCancel<R = any>(url: string, data: Record<string, any>, config?: AxiosRequestConfig): {
-        cancel(): void;
+        abort(): void;
         send: () => Promise<R>;
     };
     createPutWithCancel<R = any>(url: string, data: Record<string, any>, config?: AxiosRequestConfig): {
-        cancel(): void;
+        abort(): void;
         send: () => Promise<R>;
     };
     createDeleteWithCancel<R = any>(url: string, data: Record<string, any>, config?: AxiosRequestConfig): {
-        cancel(): void;
+        abort(): void;
         send: () => Promise<R>;
     };
 }