javascript - dva-cli生成的项目，ajax请求如何处理loading

问题描述

问 题

之前我没有使用dva的时候，是通过根组件app.js和ajax封装里面拿到实例化的store，来确定loading是否显示；

1. ajax封装的方法里面通过import store from '@/redux'拿到store并获取到dispatch和loading；

2. ajax开始的时候通过store.dispatch({type:'setLoading', {isLoading:true}})来显示loading效果，请求结束的时候通过store.dispatch({type:'setLoading', {isLoading:false}})来取消loading；
   现在因为使用dva-cli生成的目录，我在index.js里面的dva实例app可以拿到store，但是通过export default app之后，在utils/request.js里面import进来后显示app.js为undefined。

现在我就想知道，全局loading效果，在dva下怎么实现啊

解决方案

使用dva-loading模块：

dva 有一个管理 effects 执行的 hook，并基于此封装了 dva-loading 插件。通过这个插件，我们可以不用疯狂地写 showLoading 和 hideLoading，当发起请求时，插件会自动设置数据里的 loading 状态为 true 或 false 。然后我们在渲染 components 时绑定并根据这个数据进行渲染。

在入口那引入文件

import createLoading from 'dva-loading';
app.use(createLoading());

在组件中绑定loading数据

loading: state.loading.models.users,

参考别人的案例：dva-example-user-dashboard

这篇关于javascript - dva-cli生成的项目，ajax请求如何处理loading的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！