vue.js简单配置axios的方法详解
时间：2021-08-06 09:07:25|栏目：vue|点击： 次
前言
官方现在已经不再推荐用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的时候，走这里
});
好了，搞定！
总结
上一篇：vue实现codemirror代码编辑器中的SQL代码格式化功能
栏 目：vue
本文标题：vue.js简单配置axios的方法详解
本文地址：http://www.codeinn.net/misctech/164717.html
