storlead-sasa-platform/ui/sp-storlead-center/src/utils/request.ts

import axios, { AxiosResponse, InternalAxiosRequestConfig , AxiosRequestHeaders} from 'axios';
import { useUserStore } from '@/store/modules/user';
import { getToken } from '@/utils/auth';
import { tansParams, blobValidate } from '@/utils/common';
import cache from '@/plugins/cache';
import { HttpStatus } from '@/enums/RespEnum';
import { errorCode } from '@/utils/errorCode';
import { LoadingInstance } from 'element-plus/es/components/loading/src/loading';
import FileSaver from 'file-saver';
import { getLanguage } from '@/lang';
import { encryptBase64, encryptWithAes, generateAesKey, decryptWithAes, decryptBase64 } from '@/utils/crypto';
import { encrypt, decrypt } from '@/utils/jsencrypt';
import router from '@/router';
const encryptHeader = 'encrypt-key';
let downloadLoadingInstance: LoadingInstance;
// 是否显示重新登录
export const isRelogin = { show: true };
export const globalHeaders = () => {
  return {
    Authorization: 'Bearer ' + getToken()
  };
};

axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8';
// 创建 axios 实例
const service = axios.create({
  baseURL: import.meta.env.VITE_APP_BASE_API,
  timeout: 50000
});

declare interface header extends AxiosRequestHeaders{
    isToken?: boolean;
    repeatSubmit?: boolean;
    isEncrypt?: string;

}
declare interface config extends InternalAxiosRequestConfig {
    headers: header

}
// 请求拦截器



service.interceptors.request.use(
    (config: config) => {
        // const router = useRouter();
        console.log(router, ">>???????????111???????????");
        //获取当前路由对象
        let menuId = router.currentRoute?.value?.meta?.menuId;
        // 对应国际化资源文件后缀
        config.headers['Content-Language'] = getLanguage();

        const isToken = (config.headers || {}).isToken === false;
        // 是否需要防止数据重复提交
        const isRepeatSubmit = (config.headers || {}).repeatSubmit === false;
        // 是否需要加密
        const isEncrypt = (config.headers || {}).isEncrypt === 'true';
        if (getToken() && !isToken) {
            config.headers['token'] = getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
        }
        // get请求映射params参数
        if (config.method === 'get' && config.params) {
            if (menuId && config.params) {
                config.params['scopeMenuId'] = String(menuId);
            }
            console.log(config.params, ">>??????????????????????");
            let url = config.url + '?' + tansParams(config.params);
            url = url.slice(0, -1);
            config.params = {};
            config.url = url;
        }

        if (!isRepeatSubmit && (config.method === 'post' || config.method === 'put')) {
            if (menuId && config.data) {
                config.data['scopeMenuId'] = String(menuId);
            }
            console.log(config.data, ">>??????????????????????");
            const requestObj = {
                url: config.url,
                data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data,
                time: new Date().getTime()
            };
            // const sessionObj = cache.session.getJSON('sessionObj');
            // if (sessionObj === undefined || sessionObj === null || sessionObj === '') {
            //   cache.session.setJSON('sessionObj', requestObj);
            // } else {
            //   const s_url = sessionObj.url; // 请求地址
            //   const s_data = sessionObj.data; // 请求数据
            //   const s_time = sessionObj.time; // 请求时间
            //   const interval = 500; // 间隔时间(ms)，小于此时间视为重复提交
            //   if (s_data === requestObj.data && requestObj.time - s_time < interval && s_url === requestObj.url) {
            //     const message = '数据正在处理，请勿重复提交';
            //     console.warn(`[${s_url}]: ` + message);
            //     return Promise.reject(new Error(message));
            //   } else {
            //     cache.session.setJSON('sessionObj', requestObj);
            //   }
            // }
        }
        // 当开启参数加密
        if (isEncrypt && (config.method === 'post' || config.method === 'put')) {
            // 生成一个 AES 密钥

            const aesKey = generateAesKey();
            config.headers[encryptHeader] = encrypt(encryptBase64(aesKey));
            config.data = typeof config.data === 'object' ? encryptWithAes(JSON.stringify(config.data), aesKey) : encryptWithAes(config.data, aesKey);
        }
        // FormData数据去请求头Content-Type
        if (config.data instanceof FormData) {
            delete config.headers['Content-Type'];
        }
        return config;
    },
    (error: any) => {
        console.log(error);
        return Promise.reject(error);
    }
);


// 响应拦截器
service.interceptors.response.use(
  (res: AxiosResponse) => {
    // 未设置状态码则默认成功状态
    const code = res.data.code || HttpStatus.SUCCESS;
    // 获取错误信息
    const msg = errorCode[code] || res.data.message || errorCode['default'];
    // 二进制数据则直接返回
    if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') {
      return res;
    }
    if (code === 401) {
      // prettier-ignore
      if (!isRelogin.show) {
        isRelogin.show = true;
        ElMessageBox.confirm('登录状态已过期，您可以继续留在该页面，或者重新登录', '系统提示', {
          confirmButtonText: '重新登录',
          cancelButtonText: '取消',
          type: 'warning'
        }).then(() => {
          isRelogin.show = false;
          useUserStore().logout().then(() => {
              location.href = import.meta.env.VITE_APP_CONTEXT_PATH + 'index';
            });
        }).catch(() => {
          isRelogin.show = false;
        });
      }
      return Promise.reject('无效的会话，或者会话已过期，请重新登录。');
    } else if (code == 1002) {
      let errorMsg = res.data.result.map(item => {
        return h('p', null, item.errorMsg)
      })
      ElMessageBox({
				title: '错误提示',
				type: 'error',
				message: h('div', null, errorMsg)
			})
      return Promise.reject(new Error(msg));
    } else if (code === HttpStatus.SERVER_ERROR) {
      console.log(msg);
      ElMessage({ message: msg, type: 'error' });
      return Promise.reject(new Error(msg));
    } else if (code === HttpStatus.WARN) {
      ElMessage({ message: msg, type: 'warning' });
      return Promise.reject(new Error(msg));
    } else if (code !== HttpStatus.SUCCESS) {
      ElNotification.error({ title: msg });
      return Promise.reject('error');
    } else {
      return Promise.resolve(res.data);
    }
  },
  (error: any) => {
    console.log(error)
    let { message } = error;
    if (message == 'Network Error') {
      message = '网络异常';
    } else if (message.includes('timeout')) {
      message = '请求超时';
    } else if (message.includes('Request failed with status code')) {
      message = '系统接口' + message.substr(message.length - 3) + '异常';
    }
    let msgUrls  = ['/sys/message/getNoReadCount', '/mail/get_new_mail', '/mail/receive_mail']
    if(msgUrls.includes(error?.config?.url)) {
      return false
    }else {
      ElMessage({ message: message, type: 'error', duration: 5 * 1000 });
    }
    return Promise.reject(error);
  }
);
// 通用下载方法
export function download(url: string, params: any, fileName: string) {
  downloadLoadingInstance = ElLoading.service({ text: '正在下载数据，请稍候', background: 'rgba(0, 0, 0, 0.7)' });
  // prettier-ignore
  return service.post(url, params, {

      headers: { 'Content-Type': 'application/json' },
      responseType: 'blob'
  }).then(async (resp: any) => {
      // 获取 Content-Disposition 头部
    const contentDisposition = resp.headers.get('Content-Disposition');
    // 提取文件名
    fileName = contentDisposition
      ? contentDisposition.split('filename=')[1].replace(/['"]/g, '') // 去掉引号
          : 'default-filename.doc'; // 如果没有文件名，设置默认值

      const isLogin = blobValidate(resp);
      if (isLogin) {
        const blob = new Blob([resp.data]);
        FileSaver.saveAs(blob, fileName);
      } else {
        const resText = await resp.data.text();
        const rspObj = JSON.parse(resText);
        const errMsg = errorCode[rspObj.code] || rspObj.msg || errorCode['default'];
        ElMessage.error(errMsg);
      }
      downloadLoadingInstance.close();
    }).catch((r: any) => {
      console.error(r);
      ElMessage.error('下载文件出现错误，请联系管理员！');
      downloadLoadingInstance.close();
    });
}
// 导出 axios 实例
export default service;