私域操盘手 - 修复 http-interceptors.ts 文件中未准确定位401错误时,可能导致意外删除 localStorage 中 token 的问题

This commit is contained in:
柳清爽
2025-05-08 14:51:22 +08:00
parent 1ec9863a8a
commit 5d83938c24
4 changed files with 313 additions and 50 deletions

View File

@@ -1,4 +1,5 @@
import { useRouter } from "next/navigation";
import { toast } from "@/components/ui/use-toast";
// Token过期处理
export const handleTokenExpired = () => {
@@ -15,34 +16,49 @@ export const handleTokenExpired = () => {
}
};
// 响应拦截器
export const handleApiResponse = <T>(response: Response, result: any): T => {
// 处理token过期情况
if (result && (result.code === 401 || result.msg?.includes('token'))) {
// 仅在客户端处理token过期
if (typeof window !== 'undefined') {
handleTokenExpired();
// 显示API错误但不会重定向
export const showApiError = (error: any, defaultMessage: string = '请求失败') => {
if (typeof window === 'undefined') return; // 服务端不处理
let errorMessage = defaultMessage;
// 尝试从各种可能的错误格式中获取消息
if (error) {
if (typeof error === 'string') {
errorMessage = error;
} else if (error instanceof Error) {
errorMessage = error.message || defaultMessage;
} else if (typeof error === 'object') {
// 尝试从API响应中获取错误消息
errorMessage = error.msg || error.message || error.error || defaultMessage;
}
throw new Error(result.msg || '登录已过期,请重新登录');
}
// 显示错误消息
if (typeof toast !== 'undefined') {
toast({
title: "请求错误",
description: errorMessage,
variant: "destructive"
});
} else {
console.error('API错误:', errorMessage);
}
};
// 响应拦截器 - 此函数已不再使用,保留仅用于兼容性
export const handleApiResponse = <T>(response: Response, result: any): T => {
// 不再处理401响应而是直接返回结果
// 401的处理已移至api.ts中直接处理
console.warn('handleApiResponse已弃用请直接在api.ts中处理响应');
return result;
};
// 处理API错误
// 处理API错误 - 此函数已不再使用,保留仅用于兼容性
export const handleApiError = (error: unknown): never => {
console.error('API请求错误:', error);
if (error instanceof Error) {
// 如果是未授权错误可能是token过期
if (error.message.includes('401') || error.message.includes('token') || error.message.includes('授权')) {
// 仅在客户端处理token过期
if (typeof window !== 'undefined') {
handleTokenExpired();
}
}
throw error;
}
console.warn('handleApiError已弃用请直接在api.ts中处理错误');
throw new Error('未知错误,请稍后重试');
};