ant d pro 的发请求方式

最新推荐文章于 2024-08-22 11:17:23 发布

原创最新推荐文章于 2024-08-22 11:17:23 发布 · 524 阅读

2 ·

CC 4.0 BY-SA版权

本文详细介绍了在 Ant Design Pro 中进行API请求的方法，包括如何配置请求库，使用fetch或axios发送请求，以及如何处理响应数据。同时，还讨论了在项目中管理全局错误和请求配置的最佳实践。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//主页面里边直接写一个请求方法
componentDidMount(){
    this.props.dispatch({
      type:'login/getImg',
      paylaod:{
		//参数
      }
    }).then((res)=>{
		//res就是拿到的数据
    })
  }

//models层从'@/services/api'引进来一个方法getCaptcha
import { routerRedux } from 'dva/router';
import { stringify } from 'qs';
import { fakeAccountLogin, getFakeCaptcha, getCaptcha } from '@/services/api';
import { setAuthority } from '@/utils/authority';
import { getPageQuery } from '@/utils/utils';
import { reloadAuthorized } from '@/utils/Authorized';

export default {
  namespace: 'login',

  state: {
    status: undefined,
  },

  effects: {
    *getImg({ payload }, { call, put }) {
      const response = yield call(getCaptcha, payload);
      //直接在reducers用到这个方法
      yield put({ type: 'save', payload: { imgUrl: response } });
      // 直接在主界面的.then里拿到值
      return response;
    },
   },
   reducers: {
    changeLoginStatus(state, { payload }) {
      setAuthority(payload.currentAuthority);
      return {
        ...state,
        status: payload.status,
        type: payload.type,
      };
    },
    save(state, { payload }) {
    	//@connect(({ login, loading }) => ({
		 // login,
		 // submitting: loading.effects['login/login'],
		//}))
      return {
        ...state,
        ...payload,
      };
    },
  },
 };

//services/api
export async function getCaptcha(params) {
  return request('/aaa/getCaptcha', {
   	method: 'POST',
    data: {
      ...params,
    },
  });
}

export async function GetDemandTaskPackageList(params) {
    return request(`/api/demand/queryDemandList`, {
      method: 'GET',
      params: { ...params },
    });
  }