對引入的axios進行封裝
阿新 • • 發佈:2018-11-03
直接上程式碼
/** * 封裝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