import axios from 'axios' import { ElLoading, ElMessage, ElMessageBox, ElNotification } from 'element-plus' import { getToken } from '@/utils/auth' import { tansParams } from '@/utils/utils' import cache from '@/utils/cache' import useUserStore from '@/store/modules/user' const errorCode = { 401: '认证失败,无法访问系统资源', 403: '当前操作没有权限', 404: '访问资源不存在', default: '系统未知错误,请反馈给管理员', } let downloadLoadingInstance // 是否显示重新登录 export const isRelogin = { show: false } axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8' // 创建axios实例 const service = axios.create({ // axios中请求配置有baseURL选项,表示请求URL公共部分 baseURL: import.meta.env.VITE_APP_BASE_API, // 超时 timeout: 300000, }) // request拦截器 service.interceptors.request.use( (config) => { // 是否需要设置 token const isToken = (config.headers || {}).isToken === false // 是否需要防止数据重复提交 const isRepeatSubmit = (config.headers || {}).repeatSubmit === false if (getToken() && !isToken) { config.headers.Authorization = `Bearer ${getToken()}` // 让每个请求携带自定义token 请根据实际情况自行修改 } // get请求映射params参数 if (config.method === 'get' && 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')) { const requestObj = { url: config.url, data: typeof config.data === 'object' ? JSON.stringify(config.data) : config.data, time: new Date().getTime(), } const requestSize = Object.keys(JSON.stringify(requestObj)).length // 请求数据大小 const limitSize = 5 * 1024 * 1024 // 限制存放数据5M if (requestSize >= limitSize) { console.warn(`[${config.url}]: ` + '请求数据大小超出允许的5M限制,无法进行防重复提交验证。') return config } 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 = 1000 // 间隔时间(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) } } } return config }, (error) => { console.error(error) Promise.reject(error) }, ) // 响应拦截器 service.interceptors.response.use( (res) => { // 未设置状态码则默认成功状态 const code = res.data.code || 200 // 获取错误信息 const msg = errorCode[code] || res.data.msg || errorCode.default // 二进制数据则直接返回 if (res.request.responseType === 'blob' || res.request.responseType === 'arraybuffer') { return res.data } if (code === 401) { if (!isRelogin.show) { isRelogin.show = true ElMessageBox.confirm('登录状态已过期,您可以继续留在该页面,或者重新登录', '系统提示', { confirmButtonText: '重新登录', cancelButtonText: '取消', type: 'warning', }) .then(() => { isRelogin.show = false useUserStore() .logOut() .then(() => { location.href = '/' }) }) .catch(() => { isRelogin.show = false }) } return Promise.reject(new Error('无效的会话,或者会话已过期,请重新登录。')) } else if (code === 500) { ElMessage({ message: msg, type: 'error' }) return Promise.reject(new Error(msg)) } else if (code === 601) { ElMessage({ message: msg, type: 'warning' }) return Promise.reject(new Error(msg)) } else if (code !== 200) { ElNotification.error({ title: msg }) return Promise.reject(new Error('error')) } else { return Promise.resolve(res.data) } }, (error) => { // eslint-disable-next-line no-console console.log(`sever err: ${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)}异常` } ElMessage({ message, type: 'error', duration: 5 * 1000 }) return Promise.reject(error) }, ) const blobToExcel = (data, name) => { // const base = base64ToArrayBuffer(data); // eslint-disable-next-line no-undef const blob = new Blob([data], { type: 'application/vnd.ms-excel;charset=utf-8', }) const link = document.createElement('a') // 下载后的文件名 link.download = name link.href = URL.createObjectURL(blob) document.body.appendChild(link) link.click() // 释放URL对象 URL.revokeObjectURL(link.href) document.body.removeChild(link) } export const download = (url, fileName) => { downloadLoadingInstance = ElLoading.service({ text: '正在下载数据,请稍候', background: 'rgba(0, 0, 0, 0.7)', }) return service .get(url, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, responseType: 'blob', }) .then(async (data) => { blobToExcel(data, fileName) downloadLoadingInstance.close() }) .catch((r) => { console.error(r) ElMessage.error('下载文件出现错误,请联系管理员!') downloadLoadingInstance.close() }) } export default service