ant design pro 中与服务器的交互

第一步：首先要设置好代理

第二步：编写接口

第三步：编写effect里面的方法

import { testApi, userApi } from '@/services/api';//testApi就是2步骤里的请求名称

export default {
    namespace: 'testM',//要唯一

    state: {
        list: [],//后台返回的数据存储在该list中,名字想怎么起怎么起
        result: {},//这个是我为了存储后台返回来的json
    },

    effects: {
        * listAPP({ payload }, { call, put }) {//这个是界面调取接口的名称
            const response = yield call(testApi, payload);//这个testApi就是刚才引入的
            yield put({
                type: 'queryList',//通过调用这个把返回数据传给list，result
                payload: response,
            });
        },
        * dealWith({ payload }, { call, put }) {
            const response = yield call(userApi, payload);
            yield put({
                type: 'deal',
                payload: response,
            });
        },
        // 清除
        * clear(_, { put }) {
            yield put({
                type: 'clean',
            });
        },
    },

    reducers: {
        queryList(state, action) {
            return {
                ...state,
                list: action.payload,//啦啦啦，这就拿到数据啦
            };
        },
        deal(state, action) {
            return {
                ...state,
                result: action.payload,
            };
        },
        clean(state) {
            return {
                result: {},
            };
        },
    }
};