时间:2021-05-26
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方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文介绍了vue中axios处理http发送请求的示例(Post和get),分享给大家,具体如下:axios中文文档 https://github.com/m
我们常用的有get方法以及post方法,下面简单的介绍一下这两种请求方法vue中使用axios方法我们先安装axios这个方法npminstall--savea
本文实例为大家分享了vue+axios下载文件的具体代码,供大家参考,具体内容如下这里是axios的get方法。post方法请点击这里=》here注意点:Her
在vue-cli3中,公共文件夹由static变成了public先把要访问的json放到public文件夹下使用axios的get方法获取,不能用post,不然
学习vue和nodejs的过程当中,涉及到了axios,今天为了测试,写了get和post两个方法来跟node服务端交互,结果因为header和参数弄了好久,在