vue.js简单配置axios的方法详解


Posted in Javascript onDecember 13, 2017

前言

官方现在已经不再推荐用resource了,换了个axios,咱也不能落后,至少你得知道咋弄,面试的时候也好给面试官吹吹牛逼,废话不多说。

它本身具有以下特征:

  • 从浏览器中创建 XMLHttpRequest
  • 从 node.js 发出 http 请求
  • 支持 Promise API
  • 拦截请求和响应
  • 转换请求和响应数据
  • 取消请求
  • 自动转换JSON数据
  • 客户端支持防止 CSRF/XSRF

配置方法

首先用npm安装

npm install --save axios vue-axios

安装完之后,在你的main.js文件里配置,加上这两句就好

import axios from 'axios'
Vue.prototype.$http = axios

然后你读取接口数据的时候,直接就可以这样写,这个跟resource一个样,我那个下面的op,uin之类的都是要传的参数。

this.$http.post(localStorage.getItem("addUrl")+'/skynet_sync/btsp', {
       "op": "update_card_num",
       "uin": uin,
       "protypeId": index,   
       "cardNumber": parseInt(v)
      })
      .then(response=> {
      //如果接口走成功就执行这里
      }).catch(function (error) {
      //接口失败,也就是state不是200的时候,走这里
      });

好了,搞定!

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
js 操作符汇总
Nov 08 Javascript
全面接触神奇的Bootstrap导航条实战篇
Aug 01 Javascript
AngularJS Select(选择框)使用详解
Jan 18 Javascript
JavaScript手风琴页面制作
May 17 Javascript
Vue.js学习笔记之修饰符详解
Jul 25 Javascript
vue写一个组件
Apr 09 Javascript
angular6.x中ngTemplateOutlet指令的使用示例
Aug 09 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
vue动态删除从数据库倒入列表的某一条方法
Sep 29 Javascript
vue基于viewer实现的图片查看器功能
Apr 12 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
Jul 05 Javascript
谈谈JavaScript令人迷惑的==与+
Aug 31 Javascript
关于Vue单页面骨架屏实践记录
Dec 13 #Javascript
JS实现利用两个队列表示一个栈的方法
Dec 13 #Javascript
node vue项目开发之前后端分离实战记录
Dec 13 #Javascript
详解vue-cli快速构建vue应用并实现webpack打包
Dec 13 #Javascript
Angularjs过滤器实现动态搜索与排序功能示例
Dec 13 #Javascript
Angular4编程之表单响应功能示例
Dec 13 #Javascript
详解webpack require.ensure与require AMD的区别
Dec 13 #Javascript
You might like
PHP实现将HTML5中Canvas图像保存到服务器的方法
2014/11/28 PHP
PHP引用的调用方法分析
2016/04/25 PHP
jQuery学习7 操作JavaScript对象和集合的函数
2010/02/07 Javascript
jquery插件制作简单示例说明
2012/02/03 Javascript
JavaScript中的onerror事件概述及使用
2013/04/01 Javascript
如何在指定的地方插入html内容和文本内容
2013/12/23 Javascript
用javascript关闭本窗口技巧小结
2014/09/05 Javascript
浅谈EasyUI中Treegrid节点的删除
2015/03/01 Javascript
jquery马赛克拼接翻转效果代码分享
2015/08/24 Javascript
js钢琴按钮波浪式图片排列效果代码分享
2015/08/26 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
2020/12/22 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
2016/06/12 Javascript
Jquery EasyUI Datagrid右键菜单实现方法
2016/12/30 Javascript
Javascript自定义事件详解
2017/01/13 Javascript
浅谈React中的元素、组件、实例和节点
2018/02/27 Javascript
vue项目中使用tinymce编辑器的步骤详解
2018/09/11 Javascript
详解vue 自定义marquee无缝滚动组件
2019/04/09 Javascript
Vue 技巧之控制父类的 slot
2020/02/24 Javascript
[46:10]2014 DOTA2国际邀请赛中国区预选赛 CnB VS HGT
2014/05/21 DOTA
python处理Excel xlrd的简单使用
2017/09/12 Python
TensorFlow实现卷积神经网络
2018/05/24 Python
Python 字符串转换为整形和浮点类型的方法
2018/07/17 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
python requests更换代理适用于IP频率限制的方法
2019/08/21 Python
Pytorch在dataloader类中设置shuffle的随机数种子方式
2020/01/14 Python
pyspark给dataframe增加新的一列的实现示例
2020/04/24 Python
adidas旗下高尔夫装备供应商:TaylorMade Golf(泰勒梅高尔夫)
2016/08/28 全球购物
2014年计算机专业个人自我评价
2014/01/19 职场文书
求职意向书范文
2014/04/01 职场文书
师德师风学习材料
2014/12/19 职场文书
销售业务员岗位职责
2015/02/13 职场文书
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
八年级作文之友谊
2019/12/02 职场文书
导游词之蓬莱长岛
2019/12/17 职场文书
python实现大文本文件分割成多个小文件
2021/04/20 Python
python函数的两种嵌套方法使用
2022/04/02 Python