axios异步请求的两种写法_axios 异步写法

1、async 、await写法

async function sendRequest(type:string,url:string,param?:any,tableData?:Ref) {
 
    try {
        const response = await axios({
            url: `${baseUrl}${url}`,
            method: type,  //请求方式：get、post等
            params: param,
            paramsSerializer: params => {
                return stringify(params,{indices:false,allowDots:true}); 
            }
        });
        if(undefined !== tableData){
            tableData.value = response.data;
        }
        // return response.data;
 
    } catch (error) {
        ElMessage(String(error));
    }
}

2、promise对象的.then   .catch写法

/**
 * type:指定访问类型，post，get，……
 * url:传入访问地址
 * param:访问参数，可选
 * tableData:传入的展示数据响应对象，可选
 */
function sendRequest(type: string, url: string, param?: any, tableData?: Ref) {
    axios({
        url: `${baseUrl}${url}`,
        method: type,
        params: param,
        paramsSerializer: params => {
            return stringify(params, { indices: false, allowDots: true });
        }
    }).then((response) => {
        if (undefined !== tableData) {
            tableData.value = response.data;
        }
    }).catch(err=>{
        ElMessage(String(err));
    })
}