vue复写了axios请求方法，关于不同调用的回调问题

Question

我在一个js文件里复写了axios的四个方法，写到这我迷惑了，因为在调用的时候不管请求成功还是失败，回调的函数我也不能写成复用的，我需要针对不同调用在回调里进行不同的处理，在此请教一下各位大 神，该怎么写？

import axios from 'axios'
import { Message } from 'element-ui'
// axios请求超时时间
axios.defaults.timeout = 10000
    // 允许跨域携带cookie信息
axios.defaults.withCredentials = true
    // axios发送数据时使用json格式
    // axios.defaults.transformRequest = data => JSON.stringify(data);
    // 发送数据前进行json格式化
axios.defaults.headers['Content-Type'] = 'application/json'

let http = {
    /**
     * axios 异步请求封装方法
     * @param {路径} url String
     * @param {参数} params Object
     **/
    get: function(url, data) {
        axios({
            url: url,
            method: 'get',
            params: data
        }).then(res => {
            if (res.data.code == 200) {
                Message({
                    message: res.data.message,
                    showClose: true,
                    type: 'success',
                    duration: 1500
                })
            } else {
                Message({
                    message: res.data.status + res.data.message,
                    showClose: true,
                    type: 'warning',
                    duration: 1500
                })
            }
        }).catch(err => {
            console.log(err)
        })
    },
    /**
     * axios 异步请求封装方法
     * @param {路径} url String
     * @param {参数} data Object,请求体
     **/
    post: function(url, data) {
        axios({
            url: url,
            method: 'post',
            data: data
        }).then(res => {
            if (res.data.code == 200) {
                Message({
                    message: res.data.message,
                    showClose: true,
                    type: 'success',
                    duration: 1500
                })
            } else {
                Message({
                    message: res.data.status + res.data.message,
                    showClose: true,
                    type: 'warning',
                    duration: 1500
                })
            }
        }).catch(err => {
            console.log(err)
        })
    },
    /**
     * axios 异步请求封装方法
     * @param {路径} url String,一般将id拼在url后
     * @param {参数} data Object,请求体
     **/
    put: function(url, data) {
        axios({
            url: url,
            method: 'put',
            data: data
        }).then(res => {
            if (res.data.code == 200) {
                Message({
                    message: res.data.message,
                    showClose: true,
                    type: 'success',
                    duration: 1500
                })
            } else {
                Message({
                    message: res.data.status + res.data.message,
                    showClose: true,
                    type: 'warning',
                    duration: 1500
                })
            }
        }).catch(err => {
            console.log(err)
        })
    },
    /**
     * axios 异步请求封装方法
     * @param {路径} url String,一般将id拼在url后
     * @param {参数} params Object，一般不使用params方式传递id值
     **/
    delete: function(url, id) {
        axios({
            url: url,
            method: 'delete',
            params: id
        }).then(res => {
            if (res.data.code == 200) {
                Message({
                    message: res.data.message,
                    showClose: true,
                    type: 'success',
                    duration: 1500
                })
            } else {
                Message({
                    message: res.data.status + res.data.message,
                    showClose: true,
                    type: 'warning',
                    duration: 1500
                })
            }
        }).catch(err => {
            console.log(err)
        })
    }
}
export default http

Answer 1

哈喽，可以学一下Promise

Answer 2

贴上一段基于promise比较初级的，可以继续封装的，大家可以自行研究

get: function(url, data) {
        return new Promise((resolve, reject) => {
            /**
             * axios get请求封装方法
             * @param {路径} url String
             * @param {参数} params Object
             **/
            axios({
                    url: url,
                    method: 'get',
                    params: data
                })
                .then(res => {
                    if (res.status == 200) {
                        resolve(res)
                    } else {
                        reject(res)
                    }
                })
                .catch(err => {
                    reject(err)
                })
        })
    },

Answer 3

哈哈哈。看看我在你另一个问题的回答