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


Posted in Javascript onFebruary 28, 2018

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方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
javascript 弹出层组件(升级版)
May 12 Javascript
javascript中全局对象的parseInt()方法使用介绍
Dec 19 Javascript
javascript 实现 原路返回
Jan 21 Javascript
JS实现弹性漂浮效果的广告代码
Sep 02 Javascript
jquery实现加载进度条提示效果
Nov 23 Javascript
jQuery.Validate表单验证插件的使用示例详解
Jan 04 Javascript
Vue.js实现价格计算器功能
Mar 30 Javascript
Node.js搭建WEB服务器的示例代码
Aug 15 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
详释JavaScript执行环境与执行栈
Apr 02 Javascript
微信小程序按顺序同步执行的两种方式
Dec 20 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
May 06 Javascript
浅析node应用的timing-attack安全漏洞
Feb 28 #Javascript
vue组件传递对象中实现单向绑定的示例
Feb 28 #Javascript
在Vue组件中使用 TypeScript的方法
Feb 28 #Javascript
React组件中的this的具体使用
Feb 28 #Javascript
浅谈Vue网络请求之interceptors实际应用
Feb 28 #Javascript
Node.js中DNS模块学习总结
Feb 28 #Javascript
Vue自定义指令实现checkbox全选功能的方法
Feb 28 #Javascript
You might like
php strtotime 函数UNIX时间戳
2009/01/14 PHP
PHP以mysqli方式连接类完整代码实例
2014/07/15 PHP
PHP+ajax分页实例简析
2015/12/07 PHP
php-msf源码详解
2017/12/25 PHP
Laravel-admin之修改操作日志的方法
2019/09/30 PHP
用js得到网页中所有的div的id
2020/10/19 Javascript
在一个form用一个SUBMIT(或button)分别提交到两个处理表单页面的代码
2007/02/15 Javascript
一个高效的JavaScript压缩工具下载集合
2007/03/06 Javascript
基于jquery的3d效果实现代码
2011/03/23 Javascript
3款实用的在线JS代码工具(国外)
2012/03/15 Javascript
JavaScript中window.showModalDialog()用法详解
2014/12/18 Javascript
把普通对象转换成json格式的对象的简单实例
2016/07/04 Javascript
Node.js用readline模块实现输入输出
2016/12/16 Javascript
vuejs2.0实现一个简单的分页示例
2017/02/22 Javascript
vuejs2.0子组件改变父组件的数据实例
2017/05/10 Javascript
Angular 2父子组件数据传递之@ViewChild获取子组件详解
2017/07/04 Javascript
js 提取某()特殊字符串长度的实例
2017/12/06 Javascript
JavaScript检查数据中是否存在相同的元素(两种方法)
2018/10/07 Javascript
vue路由--网站导航功能详解
2019/03/29 Javascript
详解微信小程序调用支付接口支付
2019/04/28 Javascript
js中arguments对象的深入理解
2019/05/14 Javascript
vue-router路由懒加载及实现的3种方式
2021/02/28 Vue.js
[02:22]《新闻直播间》2017年08月14日
2017/08/15 DOTA
跟老齐学Python之编写类之四再论继承
2014/10/11 Python
Python多重继承的方法解析执行顺序实例分析
2018/05/26 Python
Python中GIL的使用详解
2018/10/03 Python
Django Rest framework之权限的实现示例
2018/12/17 Python
详解将Python程序(.py)转换为Windows可执行文件(.exe)
2019/07/19 Python
Python实现快速排序的方法详解
2019/10/25 Python
Python 中判断列表是否为空的方法
2019/11/24 Python
高中生操行评语大全
2014/04/25 职场文书
2014年会策划方案
2014/05/11 职场文书
和谐社区口号
2014/06/19 职场文书
八一建军节演讲稿
2014/09/10 职场文书
预防艾滋病宣传活动总结
2015/05/09 职场文书
CentOS8.4安装Redis6.2.6的详细过程
2021/11/20 Redis