fix Bug or add docs

src/utils/http/axios/index.ts

@@ -1,5 +1,4 @@
 // axios配置  可自行根据项目进行更改，只需更改该文件即可，其他文件可以不动
-
 import { VAxios } from './Axios';
 import { AxiosTransform } from './axiosTransform';
 import axios, { AxiosResponse } from 'axios';
@@ -18,8 +17,6 @@ import { useUserStoreWidthOut } from '@/store/modules/user';
 
 const globSetting = useGlobSetting();
 const urlPrefix = globSetting.urlPrefix || '';
-// @ts-ignore
-const { $message: Message, $dialog: Modal } = window;
 
 import router from '@/router';
 import { storage } from '@/utils/Storage';
@@ -32,18 +29,35 @@ const transform: AxiosTransform = {
    * @description: 处理请求数据
    */
   transformRequestData: (res: AxiosResponse<Result>, options: RequestOptions) => {
+    const { $message: Message, $dialog: Modal } = window;
     const {
-      isTransformRequestResult,
       isShowMessage = true,
       isShowErrorMessage,
       isShowSuccessMessage,
       successMessageText,
       errorMessageText,
+      isTransformResponse,
+      isReturnNativeResponse,
     } = options;
 
+    // 是否返回原生响应头 比如：需要获取响应头时使用该属性
+    if (isReturnNativeResponse) {
+      return res;
+    }
+    // 不进行任何处理，直接返回
+    // 用于页面代码可能需要直接获取code，data，message这些信息时开启
+    if (!isTransformResponse) {
+      return res.data;
+    }
+
     const reject = Promise.reject;
 
     const { data } = res;
+
+    if (!data) {
+      // return '[HTTP] Request has no return value';
+      return reject(data);
+    }
     //  这里 code，result，message为 后台统一的字段，需要在 types.ts内修改为项目自己的接口返回格式
     const { code, result, message } = data;
     // 请求成功
@@ -58,19 +72,14 @@ const transform: AxiosTransform = {
         Message.error(message || errorMessageText || '操作失败！');
       } else if (!hasSuccess && options.errorMessageMode === 'modal') {
         // errorMessageMode=‘custom-modal’的时候会显示modal错误弹窗，而不是消息提示，用于一些比较重要的错误
-        Modal.confirm({ title: '错误提示', content: message });
+        Modal.info({
+          title: '提示',
+          content: message,
+          positiveText: '确定',
+          onPositiveClick: () => {},
+        });
       }
     }
-    // 不进行任何处理，直接返回
-    // 用于页面代码可能需要直接获取code，data，message这些信息时开启
-    if (!isTransformRequestResult) {
-      return res.data;
-    }
-
-    if (!data) {
-      // return '[HTTP] Request has no return value';
-      return reject(data);
-    }
 
     // 接口请求成功，直接返回结果
     if (code === ResultEnum.SUCCESS) {
@@ -94,19 +103,21 @@ const transform: AxiosTransform = {
       if (router.currentRoute.value.name == 'login') return;
       // 到登录页
       const timeoutMsg = '登录超时,请重新登录!';
-      Modal.destroyAll();
       Modal.warning({
         title: '提示',
-        content: '登录身份已失效,请重新登录!',
-        onOk: () => {
+        content: '登录身份已失效，请重新登录!',
+        positiveText: '确定',
+        negativeText: '取消',
+        onPositiveClick: () => {
+          storage.clear();
           router.replace({
             name: 'login',
             query: {
               redirect: router.currentRoute.value.fullPath,
             },
           });
-          storage.clear();
         },
+        onNegativeClick: () => {},
       });
       return reject(new Error(timeoutMsg));
     }
@@ -175,9 +186,11 @@ const transform: AxiosTransform = {
    * @description: 响应错误处理
    */
   responseInterceptorsCatch: (error: any) => {
+    const { $message: Message, $dialog: Modal } = window;
     const { response, code, message } = error || {};
+    // TODO 此处要根据后端接口返回格式修改
     const msg: string =
-      response && response.data && response.data.error ? response.data.error.message : '';
+      response && response.data && response.data.message ? response.data.message : '';
     const err: string = error.toString();
     try {
       if (code === 'ECONNABORTED' && message.indexOf('timeout') !== -1) {
@@ -185,9 +198,11 @@ const transform: AxiosTransform = {
         return;
       }
       if (err && err.includes('Network Error')) {
-        Modal.confirm({
+        Modal.info({
           title: '网络异常',
           content: '请检查您的网络连接是否正常!',
+          positiveText: '确定',
+          onPositiveClick: () => {},
         });
         return;
       }
@@ -197,7 +212,7 @@ const transform: AxiosTransform = {
     // 请求是否被取消
     const isCancel = axios.isCancel(error);
     if (!isCancel) {
-      checkStatus(error.response && error.response.status, msg);
+      checkStatus(error.response && error.response.status, msg, Message);
     } else {
       console.warn(error, '请求被取消！');
     }
@@ -206,20 +221,20 @@ const transform: AxiosTransform = {
 };
 
 const Axios = new VAxios({
-  timeout: 15 * 1000,
-  // 基础接口地址
-  // baseURL: globSetting.apiUrl,
-  // 接口可能会有通用的地址部分，可以统一抽取出来
-  // prefixUrl: prefix,
-  headers: { 'Content-Type': ContentTypeEnum.FORM_URLENCODED },
+  timeout: 10 * 1000,
+  // 接口前缀
+  prefixUrl: urlPrefix,
+  headers: { 'Content-Type': ContentTypeEnum.JSON },
   // 数据处理方式
   transform,
   // 配置项，下面的选项都可以在独立的接口请求中覆盖
   requestOptions: {
     // 默认将prefix 添加到url
     joinPrefix: true,
+    // 是否返回原生响应头 比如：需要获取响应头时使用该属性
+    isReturnNativeResponse: false,
     // 需要对返回数据进行处理
-    isTransformRequestResult: true,
+    isTransformResponse: true,
     // post请求的时候添加参数到url
     joinParamsToUrl: false,
     // 格式化提交参数时间