From d906e58f78170ea52517598345ea7c91af486df0 Mon Sep 17 00:00:00 2001 From: gaoxq <376340421@qq.com> Date: Mon, 2 Mar 2026 00:21:05 +0800 Subject: [PATCH] =?UTF-8?q?=E5=A4=A7=E5=B1=8F=E9=A1=B9=E7=9B=AE=E5=88=9D?= =?UTF-8?q?=E5=A7=8B=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- screen-vue/src/utils/request.js | 137 ++++++++++---------------------- 1 file changed, 42 insertions(+), 95 deletions(-) diff --git a/screen-vue/src/utils/request.js b/screen-vue/src/utils/request.js index cee0b4a..8e7fe03 100644 --- a/screen-vue/src/utils/request.js +++ b/screen-vue/src/utils/request.js @@ -10,124 +10,71 @@ const service = axios.create({ } }) -const WHITE_LIST_PATHS = ['userLogin', 'register']; - -const isInWhiteList = (url) => { - if (!url) return false; - const urlPath = url.split('?')[0]; - const apiName = urlPath.substring(urlPath.lastIndexOf('/') + 1); - return WHITE_LIST_PATHS.includes(apiName); -}; - -const checkTokenExist = (config) => { - if (isInWhiteList(config.url)) { - return true; - } - const token = localStorage.getItem('token'); - if (!token) { - handleLoginExpired(); - return false; - } - config.headers.Authorization = `Bearer ${token}`; - return true; -}; +const WHITE_LIST = ['/userLogin', '/register'] service.interceptors.request.use( (config) => { - if (!checkTokenExist(config)) { - if (!isInWhiteList(config.url)) { - return Promise.reject(new Error('未检测到登录凭证，请先登录')); - } - return Promise.resolve(config); + const isWhite = WHITE_LIST.some(item => config.url?.includes(item)) + if (isWhite) { + return config } + + const token = localStorage.getItem('token') + if (!token) { + handleLoginExpired() + return Promise.reject() + } + + config.headers.Authorization = `Bearer ${token}` return config }, (error) => { - console.error('【请求拦截器错误】', error); - return Promise.reject(error); + return Promise.reject(error) } -); +) service.interceptors.response.use( (response) => { - const res = response.data; - + const res = response.data + if (typeof res === 'string' && res.includes('')) { - handleLoginExpired(); - return Promise.reject(new Error('登录状态已失效，请重新登录')); + handleLoginExpired() + return Promise.reject() } - + + if (res.code === 401) { + handleLoginExpired() + return Promise.reject() + } + if (res.code !== 200) { - ElMessage.error(res.msg || '接口请求失败'); - if (res.code === 401) { - handleLoginExpired(); - } - return Promise.reject(res); + ElMessage.error(res.msg || '请求失败') + return Promise.reject(res) } - return res.data; + + return res.data }, (error) => { - if (error.config && isInWhiteList(error.config.url)) { - ElMessage.error(error.response?.data?.msg || '登录失败，请检查账号密码'); - return Promise.reject(error); + const isWhite = error.config && WHITE_LIST.some(item => error.config.url?.includes(item)) + if (isWhite) { + ElMessage.error('服务异常') + return Promise.reject(error) } - - if (isLoginExpiredError(error)) { - handleLoginExpired(); - return Promise.reject(new Error('登录状态已失效，请重新登录')); + if (error.response?.status === 401) { + handleLoginExpired() + return Promise.reject(error) } - - if (!error.response) { - const errMsg = error.message.toLowerCase(); - if (errMsg.includes('network error') || errMsg.includes('timeout')) { - ElMessage.error('网络异常，请检查网络连接'); - } else { - ElMessage.error('请求失败，请稍后重试'); - } - return Promise.reject(error); - } - - const responseData = error.response.data; - if (typeof responseData === 'string' && responseData.includes('')) { - handleLoginExpired(); - return Promise.reject(new Error('登录状态已失效，请重新登录')); - } - - ElMessage.error(error.response.data?.msg || error.message || '接口请求失败'); - return Promise.reject(error); + ElMessage.error('请求异常，请稍后重试') + return Promise.reject(error) } -); - -function isLoginExpiredError(error) { - if (error.response && error.response.status === 401) { - return true; - } - - const errorMsg = (error.message || '').toLowerCase(); - const expiredKeywords = [ - 'token expired', 'invalid token', '未授权', - '登录失效', '认证失败', '401' - ]; - const networkKeywords = ['network error', 'timeout', '网络']; - - return ( - expiredKeywords.some(keyword => errorMsg.includes(keyword)) && - !networkKeywords.some(keyword => errorMsg.includes(keyword)) - ); -} +) function handleLoginExpired() { - localStorage.removeItem('token'); + localStorage.removeItem('token') if (router.currentRoute.path !== '/login') { - const redirect = encodeURIComponent(router.currentRoute.fullPath); - router.push({ - path: '/login', - query: { redirect } - }).catch(err => { - console.warn('路由跳转失败', err); - }); - ElMessage.error('登录状态已失效，请重新登录'); + router.push('/login').catch(() => {}) + ElMessage.error('登录已失效，请重新登录') } } -export default service; \ No newline at end of file +export default service \ No newline at end of file