feat(fe-shell): 401 统一登出回调接入 request 拦截器 REQ-USR-004

zichun
1 parent c897b60d
Showing 2 changed files with 58 additions and 0 deletions
frontend/src/api/request.ts
frontend/tests/unit/request.unauthorized.test.ts
@@ -11,6 +11,20 @@ export const TOKEN_STORAGE_KEY = &#39;xly_erp_token&#39;;
 /** 网络 / 超时 / 5xx 无可用业务码时的统一标识 */
 export const NETWORK_ERROR_CODE = -1;
+/** HTTP 未授权状态码（BR10 / D11，被动登录失效统一登出） */
+export const HTTP_UNAUTHORIZED = 401;
+
+/**
+ * 401 统一登出回调单例（D11）。拦截器内无法使用 React hooks（useNavigate/message），
+ * 故由外壳挂载时通过 registerUnauthorizedHandler 注册回调，拦截器捕获 HTTP 401 时调用之。
+ */
+let onUnauthorized: (() => void) | null = null;
+
+/** 注册（或传 null 清除）被动 401 统一登出回调 */
+export function registerUnauthorizedHandler(fn: (() => void) | null): void {
+  onUnauthorized = fn;
+}
+
 /** 后端统一响应体 Result<T>（docs/04 § 1.4） */
 export interface Result<T = unknown> {
   code: number;
@@ -61,6 +75,10 @@ request.interceptors.response.use(
     if (error instanceof ApiError) {
       return Promise.reject(error);
     }
+    // 被动 401：触发统一登出回调（若已注册），再走原 ApiError 映射（BR10 / D11）
+    if (error.response?.status === HTTP_UNAUTHORIZED && onUnauthorized) {
+      onUnauthorized();
+    }
     const body = error.response?.data as Result | undefined;
     if (body && typeof body === 'object' && 'code' in body) {
       return Promise.reject(new ApiError(body.code, body.message || '请求失败'));
+// REQ-USR-004: request.ts 401 统一登出回调（BR10 / D11）
+import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
+import MockAdapter from 'axios-mock-adapter';
+import request, {
+  ApiError,
+  registerUnauthorizedHandler,
+  HTTP_UNAUTHORIZED,
+} from '../../src/api/request';
+
+describe('request 401 统一登出回调', () => {
+  let mock: MockAdapter;
+
+  beforeEach(() => {
+    mock = new MockAdapter(request);
+  });
+
+  afterEach(() => {
+    mock.restore();
+    // 清理已注册回调，避免跨用例污染
+    registerUnauthorizedHandler(null);
+  });
+
+  it('exposes HTTP_UNAUTHORIZED constant = 401', () => {
+    expect(HTTP_UNAUTHORIZED).toBe(401);
+  });
+
+  it('HTTP 401 triggers registered onUnauthorized then rejects ApiError', async () => {
+    const spy = vi.fn();
+    registerUnauthorizedHandler(spy);
+    mock.onGet('/usr/users').reply(401, { code: 40100, message: '未授权', data: null });
+    await expect(request.get('/usr/users')).rejects.toBeInstanceOf(ApiError);
+    expect(spy).toHaveBeenCalledTimes(1);
+  });
+
+  it('no handler registered does not throw extra error', async () => {
+    registerUnauthorizedHandler(null);
+    mock.onGet('/usr/users').reply(401, { code: 40100, message: '未授权', data: null });
+    await expect(request.get('/usr/users')).rejects.toBeInstanceOf(ApiError);
+  });
+});