vue 2.x 中axios 封装的get 和post方法

vue 2.x 中axios 封装的get 和post方法

vue 2.x axios 封装的get 和post方法

import axios from 'axios'

import qs from 'qs'

export class HttpService {

Get(url, data) {

return new Promise((resolve, reject) => {

axios.get(url, {

params: data

}).then((res) => {

if (res) {

//成功回调

resolve(res);

}

}).catch((error) => {

reject(error);

})

})

}

Post(url, data) {

return new Promise((resolve, reject) => {

axios.post(url, qs.stringify(data), {

headers: {

'Content-Type': 'application/x-www-form-urlencoded',

'Accept': 'application/json'

}

}).then((res) => {

if (res) {

//成功回调

resolve(res);

}

}).catch((error) => {

reject(error);

})

})

}

｝

postfile方法

PostFlie(url, data) {

return new Promise((resolve, reject) => {

//根据data对象生成FormData对象

var temp = new FormData();

for (var t in data) {

temp.append(t, data[t]);

}

axios.post(url, temp).then((res) => {

if (res) {

resolve(res.Data);

}

}).catch((error) => {

reject(error);

})

})

}

总结

以上所述是给大家介绍的vue 2.x 中axios 封装的get 和post方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，会及时回复大家的。在此也非常感谢大家对我们网站的支持！

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。