Ant Design Pro 网络请求流程

微信小程序开发交流qq群   173683895

   承接微信小程序开发。扫码加微信。

 

在 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。

http://www.cnblogs.com/bjlhx/p/9009056.html  这篇文章写得很好，建议看看