diff --git a/src/renderer/constant/errorCode.ts b/src/renderer/constant/errorCode.ts new file mode 100644 index 0000000..d2111ee --- /dev/null +++ b/src/renderer/constant/errorCode.ts @@ -0,0 +1,6 @@ +export default { + '401': '认证失败,无法访问系统资源', + '403': '当前操作没有权限', + '404': '访问资源不存在', + 'default': '系统未知错误,请反馈给管理员' +} diff --git a/src/renderer/utils/cache.ts b/src/renderer/utils/cache.ts new file mode 100644 index 0000000..a1edc46 --- /dev/null +++ b/src/renderer/utils/cache.ts @@ -0,0 +1,88 @@ +const sessionCache = { + set (key: string, value: string) { + if (!sessionStorage) { + return + } + if (key != null && value != null) { + sessionStorage.setItem(key, value) + } + }, + + get (key: string) { + if (!sessionStorage) { + return null + } + if (key == null) { + return null + } + return sessionStorage.getItem(key) + }, + + setJSON (key: string, jsonValue: any) { + if (jsonValue != null) { + this.set(key, JSON.stringify(jsonValue)) + } + }, + + getJSON (key: string) { + const value = this.get(key) + if (value != null) { + return JSON.parse(value) + } + return null + }, + + remove (key: string) { + sessionStorage.removeItem(key) + } +} + +const localCache = { + set (key: string, value: string) { + if (!localStorage) { + return + } + if (key != null && value != null) { + localStorage.setItem(key, value) + } + }, + + get (key: string) { + if (!localStorage) { + return null + } + if (key == null) { + return null + } + return localStorage.getItem(key) + }, + + setJSON (key: string, jsonValue: any) { + if (jsonValue != null) { + this.set(key, JSON.stringify(jsonValue)) + } + }, + + getJSON (key: string) { + const value = this.get(key) + if (value != null) { + return JSON.parse(value) + } + return null + }, + + remove (key: string) { + localStorage.removeItem(key) + } +} + +export default { + /** + * 会话级缓存 + */ + session: sessionCache, + /** + * 本地缓存 + */ + local: localCache +} diff --git a/src/renderer/utils/request.ts b/src/renderer/utils/request.ts index 194f5c6..ef02742 100644 --- a/src/renderer/utils/request.ts +++ b/src/renderer/utils/request.ts @@ -1,21 +1,78 @@ import axios from 'axios' +import cache from '@utils/cache' +import errorCode from '@constant/errorCode' +import { ElNotification , ElMessageBox, ElMessage } from 'element-plus' +import { getToken } from '@utils/auth' +import { tansParams } from '@utils/tansParams' // 获取.env中的服务地址 const { VITE_SERVICE_URL } = (import.meta as any).env -console.log("🚀 ~ SERVICE_URL:", VITE_SERVICE_URL) + +// 是否显示重新登录 +export let isRelogin = { show: false } + +axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8' // 创建axios对象 const instance = axios.create({ - baseURL: VITE_SERVICE_URL + baseURL: VITE_SERVICE_URL, + // 超时 + timeout: 10000 }) // 添加拦截器 instance.interceptors.request.use( (config) => { - const token = localStorage.getItem('token') - if (token) { - (config as any).headers = { ...(config.headers || {}), Authorization: `Bearer ${token}` } + // 是否需要设置 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) => { @@ -25,14 +82,54 @@ instance.interceptors.request.use( // 添加响应拦截器 instance.interceptors.response.use( - (response) => { - return response.data + (res) => { + // 未设置状态码则默认成功状态 + const code = res.data.code || 200 + // 获取错误信息 + const msg = (errorCode as any)[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 = '/index' + // }) + }).catch(() => { + isRelogin.show = false + }) + } + return Promise.reject('无效的会话,或者会话已过期,请重新登录。') + } 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('error') + } else { + return Promise.resolve(res.data) + } }, (error) => { - if (error && error.response && error.response.status === 401) { - try { localStorage.removeItem('token') } catch {} - if (typeof window !== 'undefined') window.location.href = '/' + 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: message, type: 'error', duration: 5 * 1000 }) + return Promise.reject(error) } ) diff --git a/src/renderer/utils/tansParams.ts b/src/renderer/utils/tansParams.ts new file mode 100644 index 0000000..01b320d --- /dev/null +++ b/src/renderer/utils/tansParams.ts @@ -0,0 +1,29 @@ +/** +* 参数处理 +* @param {*} params 参数 +*/ +export function tansParams(params: any) { + let result = '' + + for (const propName of Object.keys(params)) { + const value = params[propName] + + var part = encodeURIComponent(propName) + "=" + + if (value !== null && value !== "" && typeof (value) !== "undefined") { + if (typeof value === 'object') { + for (const key of Object.keys(value)) { + if (value[key] !== null && value[key] !== "" && typeof (value[key]) !== 'undefined') { + let params = propName + '[' + key + ']' + var subPart = encodeURIComponent(params) + "=" + result += subPart + encodeURIComponent(value[key]) + "&" + } + } + } else { + result += part + encodeURIComponent(value) + "&" + } + } + } + + return result +} \ No newline at end of file