antd pro笔记10——和服务端交互

Ant Design Pro 是一套基于React技术栈的单页面应用，我们提供的是前端代码和本地模拟数据的开发模式，通过API的形式和任何技术栈的服务端应用一起工作。

前端请求流程

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

1. UI组件交互操作；
2. 调用model的effect；
3. 调用统一管理的service请求函数；
4. 使用封装的request.ts发送请求；
5. 获取服务端返回；
6. 调用reducer改变state；
7. 更新model；

统一的请求处理都放在services文件夹中，并且按照model维度拆分文件；
utils/request.js是基于fetch的封装，便于统一处理POST，GET请求参数，请求头，以及错误提示信息等。

处理异步请求

Ant Design Pro的底层基础框架dva使用effect的方式来管理同步化异步请求。
通过generator和yield使得异步调用的逻辑处理和同步一样，更多可参考dva async logic;