大屏项目初始化
This commit is contained in:
@@ -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('<html>')) {
|
||||
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('<html>')) {
|
||||
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;
|
||||
export default service
|
||||
Reference in New Issue
Block a user