当前位置： 移动技术网 > IT编程>脚本编程>vue.js > vue.js简单配置axios的方法详解

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

2018年02月24日  | 移动技术网IT编程  | 我要评论

酒井法子 纹身,快传资源,梦想世界幻境寻宝

前言

官方现在已经不再推荐用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的时候，走这里
      });

好了，搞定！

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对移动技术网的支持。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网