1. 全局請(qǐng)求攔截 config.js

import axios from 'axios'
// 全局設(shè)定請(qǐng)求類(lèi)型
// axios.defaults.headers.post['Content-Type'] = 'application/json'
//攔截請(qǐng)求
// axios.interceptors.request.use(function (config) {
//     return config
// });
//攔截響應(yīng)
axios.interceptors.response.use(function (config) {
    console.log(config.data.code);
    return config
});

2. 請(qǐng)求封裝get嵌赠，post

import axios from "axios";
import qs from "qs";
import {Toast} from "antd-mobile";

const CODE ='CODE';
const LOAD_DATA ='LOAD_DATA';

const initState = {
    route:'',
    code:0,
    data:[],
    msg:''
};


export function data(state = initState,action) {
    switch (action.type) {
        case LOAD_DATA:
            return {...state,data:action.payload,route:action.route};
        case CODE:
            return {...state,code:action.payload};
        default:
            return state
    }
}

function loadData(data,route) {
    return {type:LOAD_DATA,payload:data,route}
}

function toastFail(msg) {
    Toast.fail(msg, 1);
    return {type:CODE,payload:msg}
}

function toastInfo(msg,code) {
    Toast.info(msg, 1);
    return {type:CODE,payload:code}
}

export function ex_get (url, params = {}) {
    return dispatch=>{
        axios.get(
            url,
            qs.stringify(params)
    ).then(res => {
        if (res.status === 200){
            if (res.data.code === 0) {
                dispatch(loadData(res.data.data))
            }else{
                dispatch(toastInfo(res.data.msg+'!!!',res.data.code))
            }
        }
    }).catch(() => {
            dispatch(toastFail('網(wǎng)絡(luò)連接超時(shí)!!!'))
    })}
}


export function ex_post (url, params = {},route) {
    return dispatch=>{
        axios.post(
            url,
            qs.stringify(params)
        ).then(res => {
            if (res.status === 200){
                if (res.data.code === 0) {
                    dispatch(loadData(res.data.data,route))
                }else{
                    dispatch(toastInfo(res.data.msg+'!!!',res.data.code))
                }
            }
    }).catch(() => {
            dispatch(toastFail('網(wǎng)絡(luò)連接超時(shí)!!!'))
    })}
}

3. 統(tǒng)一接口調(diào)度

import {ex_post} from '../redux/comReducer'
import {Toast} from "antd-mobile";
let myReg= /^1[3-578]\d{9}$/;

//校驗(yàn)手機(jī)號(hào)
export function checkPhone(phone) {
    let data = {
        isSend:false,
        phone:phone
    };
    const ph = phone.replace(/\s+/g,"");
    if (!ph) {
        Toast.info('請(qǐng)?zhí)顚?xiě)手機(jī)號(hào)!!!', 1);
    }else{
        if (!myReg.test(ph)) {
            Toast.info('請(qǐng)?zhí)顚?xiě)正確的手機(jī)號(hào)!!!', 1);
        } else{
            data.isSend = true;
            data.phone = ph;
        }
    }
    return data;
}

//發(fā)送驗(yàn)證碼
export function sendCode(params) {
    return ex_post('/api/session/send/code',params);
}

//注冊(cè)
export function register(params) {
    return ex_post('/api/session/register/account',params,'/rUserInfo');
}

//登錄
export function login(params) {
    return ex_post('/api/session/login',params,'/index');
}

//忘記密碼
export function forGet(params) {
    return ex_post('/api/session/reset/pwd',params,'/');
}