对引入的axios进行封装

直接上代码

/**
 * 封装axios
 * author:taowj
 * 用法案例
 * httpAxios.post(url, params, function (response) {
 *    if (response.status >= 200 && response.status <= 300) {
 *         //成功
 *    }else {
 *         //catch时候  response.response
 *    }
 *})
 */
var httpAxios = function () {
};

axios.interceptors.response.use(function (response) {
    //对响应数据做一些处理
    return response;
}, function (error) {
    // 对响应失败做一些处理
    return error;
});
/**
 * 封装get方法
 * @param url
 * @param data
 */
httpAxios.get = function (url, params, res) {
    axios.get(url, {params: params}).then(res).catch(function (err) {
        console.log(err);
    })
}


/**
 * 封装post请求
 * @param url
 * @param data
 */

httpAxios.post = function (url, data, res) {
    axios.post(url, Qs.stringify(data)).then(res).catch(function (err) {
        console.log(err);
    })
}

/**
 * 封装patch请求
 * @param url
 * @param data
 */

httpAxios.delete = function (url, params, res) {
    axios.delete(url, {params: params}).then(res).catch(function (err) {
        console.log(err);
    })
}

/**
 * 封装put请求
 * @param url
 * @param data
 */

httpAxios.put = function (url, data, res) {
    axios.put(url, Qs.stringify(data)).then(res).catch(function (err) {
        console.log(err);
    })
}

exports = httpAxios;

使用方法如下

httpAxios.get(url, params, function (response) {
     if (response.status >= 200 && response.status <= 300) {
          that.userinfos = response.data;
     }
})

希望大神多多指导。qq:274501366

猜你喜欢

转载自blog.csdn.net/u010674395/article/details/83589326