feat(review): 调整评审详情展示顺序与样式，描述支持多行，项目信息列宽40/60 fix(auth): 登录页与首页循环跳转保护；api....

Codex Assistant

2 天以前 c4a9cad1c50e89365e2a58b50e259af642ed3b8c

 web/src/config/api.ts

@@ -17,54 +17,81 @@

// GraphQL请求工具函数
export const graphqlRequest = async (query: string, variables: any = {}) => {
  console.log('=== GraphQL请求开始 ===');
  console.log('请求端点:', API_CONFIG.GRAPHQL_ENDPOINT);
  console.log('查询语句:', query);
  console.log('变量:', variables);
  
  // 获取JWT token
  const { getToken } = await import('@/utils/auth');
  // 获取JWT token与工具
  const { getToken, isTokenExpired, clearAuth } = await import('@/utils/auth');
  const token = getToken();
  console.log('JWT Token:', token ? '已获取' : '未获取');
  

  // 若token过期，直接清理并跳登录
  if (!token || isTokenExpired(token)) {
    clearAuth();
    // 避免在登录页重复跳转造成白屏/循环
    const atLogin = typeof window !== 'undefined' && window.location && window.location.hash?.startsWith('#/login');
    if (!atLogin) {
      window.location.href = '/#/login';
    }
    throw new Error('Token expired or missing')
  }

  // 构建请求头
  const headers: Record<string, string> = {
    'Content-Type': 'application/json',
  };

  if (token) {
    headers['Authorization'] = `Bearer ${token}`;
  }
  console.log('请求头:', headers);

  // 构建请求体
  const requestBody = JSON.stringify({
    query,
    variables,
  });
  console.log('请求体:', requestBody);

  try {
    // 发送请求
    const response = await fetch(API_CONFIG.GRAPHQL_ENDPOINT, {
      method: 'POST',
      headers: headers,
      headers,
      body: requestBody,
    })

    console.log('响应状态:', response.status);
    console.log('响应状态文本:', response.statusText);
    });

    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`)
      // 处理401未授权
      if (response.status === 401) {
        const { clearAuth } = await import('@/utils/auth');
        clearAuth();
        const atLogin = typeof window !== 'undefined' && window.location && window.location.hash?.startsWith('#/login');
        if (!atLogin) {
          window.location.href = '/#/login';
        }
      }
      throw new Error(`HTTP error! status: ${response.status}`);
    }

    const result = await response.json()
    console.log('响应结果:', result);
    
    const result = await response.json();

    if (result.errors) {
      console.error('GraphQL错误:', result.errors);
      throw new Error(result.errors[0].message)
      const msg = JSON.stringify(result.errors) || ''
      // 识别认证类错误关键字
      const isAuthError =
        msg.includes('Unauthorized') ||
        msg.includes('认证') ||
        msg.includes('unauthorized') ||
        msg.includes('invalid token') ||
        msg.includes('expired')

      if (isAuthError) {
        const { clearAuth } = await import('@/utils/auth');
        clearAuth();
        const atLogin = typeof window !== 'undefined' && window.location && window.location.hash?.startsWith('#/login');
        if (!atLogin) {
          window.location.href = '/#/login';
        }
      }
      throw new Error(`GraphQL errors: ${msg}`);
    }

    console.log('返回数据:', result.data);
    return result.data
    return result;
  } catch (error) {
    console.error('=== GraphQL请求失败 ===');
    console.error('错误详情:', error);