Ant Design Pro 网络请求流程

在 Ant Design Pro 中，一个完整的前端 UI 交互到服务端处理流程是这样的：

UI 组件交互操作；

调用 model 的 effect；

调用统一管理的 service 请求函数；

使用封装的 request.js 发送请求；

获取服务端返回；

然后调用 reducer 改变 state；

更新 model。

从上面的流程可以看出，为了方便管理维护，统一的请求处理都放在 services 文件夹中，并且一般按照 model 维度进行拆分文件，如：

services/   user.js   api.js   ... 其中，utils/request.js 是基于 fetch 的封装，便于统一处理 POST，GET 等请求参数，请求头，以及错误提示信息等。具体可以参看 request.js。