vue-axios使用详解


Posted in Javascript onMay 10, 2017

vue-axios

GET请求

axios.get("/user?id=1")
  .then(function(response){
  })
  .catch(function(error){
  })

POST请求

axios.post('/user', {
  firstName: 'Fred',
  lastName: 'Flintstone'
 })
 .then(function (response) {
  console.log(response);
 })
 .catch(function (error) {
  console.log(error);
 });

合并请求

function getUserAccount() {
 return axios.get('/user/12345');
}

function getUserPermissions() {
 return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
 .then(axios.spread(function (acct, perms) {
  // Both requests are now complete
 }));

配置

import Qs from 'qs'
{
 //请求的接口,在请求的时候,如axios.get(url,config);这里的url会覆盖掉config中的url
 url: '/user',

 // 请求方法同上
 method: 'get', // default
 // 基础url前缀
 baseURL: 'https://some-domain.com/api/',




 transformRequest: [function (data) {
  // 这里可以在发送请求之前对请求数据做处理,比如form-data格式化等,这里可以使用开头引入的Qs(这个模块在安装axios的时候就已经安装了,不需要另外安装)

data = Qs.stringify({});
  return data;
 }],

 transformResponse: [function (data) {
  // 这里提前处理返回的数据

  return data;
 }],

 // 请求头信息
 headers: {'X-Requested-With': 'XMLHttpRequest'},

 //parameter参数
 params: {
  ID: 12345
 },

 //post参数,使用axios.post(url,{},config);如果没有额外的也必须要用一个空对象,否则会报错
 data: {
  firstName: 'Fred'
 },
 auth: {
  username: 'janedoe',
  password: 's00pers3cret'
 },
 //设置超时时间
 timeout: 1000,
 //返回数据类型
 responseType: 'json', // default

  .....等等
}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
页面只有一个text的时候,回车自动submit的解决方法
Aug 12 Javascript
jquery.fileEveryWhere.js 一个跨浏览器的file显示插件
Oct 24 Javascript
JS中的substring和substr函数的区别说明
May 07 Javascript
JavaScript实现url参数转成json形式
Sep 25 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
Dec 07 Javascript
ndm:NPM的桌面GUI应用程序
Oct 15 Javascript
React+Antd+Redux实现待办事件的方法
Mar 14 Javascript
Vue代码整洁之去重方法整理
Aug 06 Javascript
解决layer 动态加载select 失效的问题
Sep 18 Javascript
vue的路由映射问题及解决方案
Oct 14 Javascript
基于javascript实现日历功能原理及代码实例
May 07 Javascript
JS字符串和数组如何实现相互转化
Jul 02 Javascript
详解axios在vue中的简单配置与使用
May 10 #Javascript
jQuery+PHP+Mysql实现抽奖程序
Apr 12 #jQuery
JavaScript实现form表单的多文件上传
Mar 27 #Javascript
Vue.js使用$.ajax和vue-resource实现OAuth的注册、登录、注销和API调用
May 10 #Javascript
利用PM2部署node.js项目的方法教程
May 10 #Javascript
全面解析vue中的数据双向绑定
May 10 #Javascript
利用forever和pm2部署node.js项目过程
May 10 #Javascript
You might like
php正则表达匹配中文问题分析小结
2012/03/25 PHP
php递归方法实现无限分类实例代码
2014/02/28 PHP
ThinkPHP3.1新特性之Action参数绑定
2014/06/19 PHP
用php来限制每个ip每天浏览页面数量的实现思路
2015/02/24 PHP
php使用Jpgraph创建3D饼形图效果示例
2017/02/15 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
jQuery实现DIV层收缩展开的方法
2015/02/27 Javascript
JQuery导航菜单选择特效
2016/04/11 Javascript
老生常谈 关于JavaScript的类的继承
2016/06/24 Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
2016/11/10 Javascript
Bootstrap Modal遮罩弹出层(完整版)
2016/11/21 Javascript
使用cropper.js裁剪头像的实例代码
2017/09/29 Javascript
分享5个好用的javascript文件上传插件
2018/09/16 Javascript
vue拖拽排序插件vuedraggable使用方法详解
2020/08/21 Javascript
微信小程序网络请求实现过程解析
2019/11/06 Javascript
pymongo实现控制mongodb中数字字段做加法的方法
2015/03/26 Python
Python中使用第三方库xlutils来追加写入Excel文件示例
2015/04/05 Python
Python上传package到Pypi(代码简单)
2016/02/06 Python
Python实现的爬虫功能代码
2017/06/24 Python
Python编程scoketServer实现多线程同步实例代码
2018/01/29 Python
Python实现的计算马氏距离算法示例
2018/04/03 Python
python使用Matplotlib画条形图
2020/03/25 Python
对python中字典keys,values,items的使用详解
2019/02/03 Python
Python 一键获取百度网盘提取码的方法
2019/08/01 Python
python实现跨excel sheet复制代码实例
2020/03/03 Python
Python matplotlib修改默认字体的操作
2020/03/05 Python
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
2019/01/23 HTML / CSS
Stutterheim瑞典:瑞典高级外套时装品牌
2019/06/24 全球购物
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
如何进行有效的自我评价
2013/09/27 职场文书
学校工作推荐信范文
2014/07/11 职场文书
金融专业求职信
2014/08/05 职场文书
2014年监理个人工作总结
2014/12/11 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
公司借款担保书
2015/09/22 职场文书
JavaScript最完整的深浅拷贝实现方式详解
2022/02/28 Javascript