Ant Design Pro 网络请求流程

402 篇文章 24 订阅
本文介绍了Ant Design Pro的网络请求流程,包括UI组件交互、model的effect调用、service请求、request.js发送请求、接收服务端响应、reducer改变state。请求管理集中在services目录,每个model对应的service文件中。推荐查看utils/request.js封装的fetch请求处理及http://www.cnblogs.com/bjlhx/p/9009056.html的文章。
摘要由CSDN通过智能技术生成

微信小程序开发交流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  这篇文章写得很好,建议看看

  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

a_靖

对你有帮助吗?打赏鼓励一下?

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值