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 相关文章推荐
9个JavaScript评级/投票插件
Jan 18 Javascript
javascript中input中readonly和disabled区别介绍
Oct 23 Javascript
JavaScript常用验证函数实例汇总
Nov 25 Javascript
jquery获取css的color值返回RGB的方法
Dec 18 Javascript
js采用concat和sort将N个数组拼接起来的方法
Jan 21 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
Feb 10 Javascript
JavaScript实现省市联动过程中bug的解决方法
Dec 04 Javascript
微信小程序实现换肤功能
Mar 14 Javascript
jQuery获取随机颜色的实例代码
May 21 jQuery
简单了解微信小程序的目录结构
Jul 01 Javascript
防止Layui form表单重复提交的实现方法
Sep 10 Javascript
nestjs中异常过滤器Exceptionfilter的具体使用
Feb 07 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 Yii框架之表单验证规则大全
2015/11/16 PHP
PHP函数引用返回的实例详解
2016/09/11 PHP
解析offsetHeight,clientHeight,scrollHeight之间的区别
2013/11/20 Javascript
JavaScript网页定位详解
2014/01/13 Javascript
模拟用户点击弹出新页面不会被浏览器拦截
2014/04/08 Javascript
JavaScript的Backbone.js框架的一些使用建议整理
2016/02/14 Javascript
Router解决跨模块下的页面跳转示例
2018/01/11 Javascript
浅谈express.js框架中间件(middleware)
2019/04/07 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
深入了解JavaScript 私有化
2019/05/30 Javascript
ES6中定义类和对象的方法示例
2019/07/31 Javascript
微信小程序云开发如何实现数据库自动备份实现
2019/08/16 Javascript
Vue中跨域及打包部署到nginx跨域设置方法
2019/08/26 Javascript
Python中的引用和拷贝浅析
2014/11/22 Python
Python实现的多线程端口扫描工具分享
2015/01/21 Python
Python实现的爬虫功能代码
2017/06/24 Python
python中map()函数的使用方法示例
2017/09/29 Python
numpy.ndarray 交换多维数组(矩阵)的行/列方法
2018/08/02 Python
python-itchat 获取微信群用户信息的实例
2019/02/21 Python
python关于矩阵重复赋值覆盖问题的解决方法
2019/07/19 Python
Python + selenium + crontab实现每日定时自动打卡功能
2020/03/31 Python
python 读取、写入txt文件的示例
2020/09/27 Python
Pytorch之扩充tensor的操作
2021/03/04 Python
朗仕(Lab series)英国官网:雅诗兰黛集团男士专属护肤品牌
2017/11/28 全球购物
应届电子商务毕业自荐书范文
2014/02/11 职场文书
计算机专业职业规划
2014/02/28 职场文书
“学雷锋活动月”总结
2014/03/09 职场文书
供货协议书
2014/04/22 职场文书
领导干部作风建设自查报告
2014/10/23 职场文书
汤姆叔叔的小屋读书笔记
2015/06/30 职场文书
继续教育心得体会(共6篇)
2016/01/19 职场文书
《桂花雨》教学反思
2016/02/19 职场文书
PHP策略模式写法
2021/04/01 PHP
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang
postgresql 删除重复数据案例详解
2021/08/02 PostgreSQL
SQL实现LeetCode(178.分数排行)
2021/08/04 MySQL