Ant Design Pro-5.网络请求

在Ant Design Pro框架中，通常使用umi-request进行网络请求。umi-request是一个可以用于管理API请求的库，它提供了请求拦截、响应拦截、错误处理等功能。

以下是一个使用umi-request的示例代码：

import request from 'umi-request';
 
// 定义API的URL
const API_URL = 'https://your-api-url.com';
 
// 获取用户信息的函数
export function getUserInfo(userId) {
  return request(`${API_URL}/users/${userId}`, {
    method: 'GET',
  });
}
 
// 创建一个新的帖子
export function createPost(postData) {
  return request(`${API_URL}/posts`, {
    method: 'POST',
    data: postData,
  });
}
 
// 使用示例
getUserInfo(1).then(response => {
  console.log('用户信息:', response);
}).catch(error => {
  console.error('获取用户信息失败:', error);
});
 
createPost({ title: '新帖子标题', content: '新帖子内容' }).then(response => {
  console.log('创建帖子成功:', response);
}).catch(error => {
  console.error('创建帖子失败:', error);
});

在这个示例中，我们定义了两个函数getUserInfo和createPost，它们分别用于获取用户信息和创建一个新帖子。这两个函数都使用了umi-request，并通过配置对象传递了请求的方法和数据。然后，我们展示了如何在实际代码中调用这些函数，并处理可能发生的Promise拒绝情况。