init

app/src/store/http.ts

@@ -0,0 +1,76 @@
+import { AxiosRequestConfig, AxiosResponse } from 'axios';
+import createHttp from '@/utils/axiosHttp';
+import { isResponse } from '@/types';
+import NProgress from 'nprogress';
+import { useAccountStore } from '@/store';
+
+const http = createHttp({
+  timeout: 60000,
+  baseURL: '/',
+  withCredentials: true,
+  xsrfCookieName: 'Authorization',
+  xsrfHeaderName: 'Authorization',
+});
+
+const isAxiosResponse = (obj: any): obj is AxiosResponse => {
+  return typeof obj === 'object' && obj.status && obj.statusText && obj.headers && obj.config;
+};
+
+// progress 进度条 -- 开启
+http.interceptors.request.use((req: AxiosRequestConfig) => {
+  if (!NProgress.isStarted()) {
+    NProgress.start();
+  }
+  return req;
+});
+
+// 解析响应结果
+http.interceptors.response.use(
+  (rep: AxiosResponse<String>) => {
+    const { data } = rep;
+    // if (data.code != null)
+    //   console.log(data)
+    //   if (data.code === 401) {
+    //   console.log(data)
+    // }
+    if (isResponse(data)) {
+      return data.code === 0 ? data : Promise.reject(data);
+    }
+    return Promise.reject({ message: rep.statusText, code: rep.status, data });
+  },
+  (error) => {
+    // console.log(error)
+    // debugger
+    if (error.response.status === 401) {
+      useAccountStore().setLogged(false)
+    } else {
+      if (error.response && isAxiosResponse(error.response)) {
+        return Promise.reject({
+          message: error.response.statusText,
+          code: error.response.status,
+          data: error.response.data,
+        });
+      }
+    }
+
+    return Promise.reject(error);
+  }
+);
+
+// progress 进度条 -- 关闭
+http.interceptors.response.use(
+  (rep) => {
+    if (NProgress.isStarted()) {
+      NProgress.done();
+    }
+    return rep;
+  },
+  (error) => {
+    if (NProgress.isStarted()) {
+      NProgress.done();
+    }
+    return error;
+  }
+);
+
+export default http;