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 30 Javascript
探索Emberjs制作一个简单的Todo应用
Nov 07 Javascript
一段非常简单的js判断浏览器的内核
Aug 17 Javascript
PHP 数组current和next用法分享
Mar 05 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
Nov 03 Javascript
Bootstrap组件(一)之菜单
May 11 Javascript
详解百度百科目录导航树小插件
Jan 08 Javascript
Javascript之深入浅出prototype
Feb 06 Javascript
vue监听scroll的坑的解决方法
Sep 07 Javascript
利用原生的JavaScript实现简单拼图游戏
Nov 18 Javascript
JS实现可用滑块滑动的缓动图代码
Sep 01 Javascript
基于Vue 撸一个指令实现拖拽功能
Oct 09 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中HTTP方式下的Gzip压缩传输方法举偶
2007/02/15 PHP
php 表单验证实现代码
2009/03/10 PHP
PHP 批量删除数据的方法分析
2009/10/30 PHP
PHP连接access数据库
2015/03/27 PHP
PHP截取发动短信内容的方法
2017/07/04 PHP
JS将表单导出成EXCEL的实例代码
2013/11/11 Javascript
jquery实现简单易懂的图片展示小例子
2013/11/21 Javascript
分析了一下JQuery中的extend方法实现原理
2015/02/27 Javascript
JavaScript实现鼠标滑过图片变换效果的方法
2015/04/16 Javascript
javascript弹出窗口实现代码
2015/11/12 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
2015/11/30 Javascript
简单讲解jQuery中的子元素过滤选择器
2016/04/18 Javascript
Nodejs获取网络数据并生成Excel表格
2020/03/31 NodeJs
Highcharts学习之数据列
2016/08/03 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
JavaScript获取URL中参数querystring的方法详解
2016/10/11 Javascript
node.js域名解析实现方法详解
2019/11/05 Javascript
Element中Slider滑块的具体使用
2020/07/29 Javascript
[02:15]2015国际邀请赛选手档案IG.Ferrari 430
2015/07/30 DOTA
[46:21]Liquid vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.23
2018/08/24 DOTA
Python3+Appium实现多台移动设备操作的方法
2019/07/05 Python
在notepad++中实现直接运行python代码
2019/12/18 Python
python excel和yaml文件的读取封装
2021/01/12 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
HTML5 device access 设备访问详解
2018/05/24 HTML / CSS
HTML5 canvas实现的静态循环滚动播放弹幕
2021/01/05 HTML / CSS
BISSELL官网:北美吸尘器第一品牌
2019/03/14 全球购物
办公室驾驶员岗位职责
2013/11/15 职场文书
个人简历中的自我评价怎么写
2014/01/26 职场文书
2014高考励志标语
2014/06/05 职场文书
争先创优活动总结
2014/08/27 职场文书
见习报告格式要求
2014/11/04 职场文书
2015年教研员工作总结
2015/05/26 职场文书
2016国培学习心得体会
2016/01/08 职场文书
WordPress多语言翻译插件 - WPML使用教程
2021/04/01 PHP
win10截图快捷键win+shift+s没有反应无法截图怎么解决?
2022/08/14 数码科技