1. 程式人生 > >對引入的axios進行封裝

對引入的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