axios数据请求的封装

数据请求封装

import axios from 'axios'

const request = ({
    url,
    method = 'get' || 'GET',//数据请求默认是get
    headers,
    params,
    data,//post请求的数据参数
    withCredentials,//跨源凭证，想后端证明我们是有资格来进行后端接口请求 
}) => {
    return new Promise(( resolve,reject ) => {
        switch ( method ) {
            case 'get' || 'GET':
            axios.get( url,{
                headers,
                params,
                withCredentials
            }).then( res => resolve( res ))
            .catch( err => console.log( err ))
            break;
            case 'post' || 'POST':
            //创建实例
            let postData = new URLSearchParams();
            //遍历data(是一个对象),转换数据格式
            for ( var v in data ) {
                postData.append( v,data[ v ] )//实例下面有一个append方法
            }
            axios({
                url,
                data:postData,
                headers
            }).then( res => resolve ( res ))
            .catch( err => console.loog( err ))
            break;
            case 'put' || 'PUT':
            axios( {
                url,
                data,
                headers,
            }).then( res => resolve( res ))
            .catch( err => console.log( err ))
            break;
            case 'delete' || 'DELETE':
            axios({
                url,
                data,
                headers,
            }).then( res => resolve( res ))
            .catch( err => console.log( err ))
            break;
        }
    })
}

export default request