模拟API请求

// 模拟API请求
const fetchData = () => {
  return new Promise((resolve) => {
    setTimeout(() => {
      resolve([
        { id: 1, name: '项目 1' },
        { id: 2, name: '项目 2' },
        { id: 3, name: '项目 3' },
        { id: 4, name: '项目 4' },
        { id: 5, name: '项目 5' },
      ]);
    }, 2000); // 模拟2秒延迟
  });
};

// 模拟API服务
const mockApiService = {
  fetchData: () => {
    return new Promise((resolve) => {
      // 模拟网络延迟
      setTimeout(() => {
        resolve([
          {
            id: 1,
            name: "John Doe",
            age: 28,
            email: "john@example.com",
            status: "Active",
          },
          {
            id: 2,
            name: "Jane Smith",
            age: 32,
            email: "jane@example.com",
            status: "Inactive",
          },
          {
            id: 3,
            name: "Bob Johnson",
            age: 45,
            email: "bob@example.com",
            status: "Active",
          },
          {
            id: 4,
            name: "Alice Brown",
            age: 23,
            email: "alice@example.com",
            status: "Pending",
          },
          {
            id: 5,
            name: "Charlie Wilson",
            age: 38,
            email: "charlie@example.com",
            status: "Active",
          }
        ]);
      }, 500); // 500ms延迟模拟网络请求
    });
  },
};

如果你想连接到真实API，只需修改mockApiService部分：

const apiService = {
  fetchData: async () => {
    const response = await fetch('https://api.example.com/data');
    if (!response.ok) {
      throw new Error('Network response was not ok');
    }
    return response.json();
  }
};