Vue中如何使用axios
2018-11-01 17:18
197 查看
注意:Vue官方推荐的网络通信库不再是vue-resource了,推荐使用axios。
安装
使用 npm:
[code]$ npm install axios
2. 在入口main.js中导入axios 并将axios写入vue的原型,这样就能更简单的使用。
[code]import axios from 'axios' import Qs from 'qs' //QS是axios库中带的,不需要我们再npm安装一个 Vue.prototype.axios = axios; Vue.prototype.qs = Qs;
Ps:Qs这个库是帮助我们解决上面的那个坑的,建议使用...
3.在项目里愉快的使用axios啦
[code]this.axios.post('/api/test',this.qs.stringify({'name':'xiaoming','sex':'nan'}),{ headers: { 'Content-Type': 'application/x-www-form-urlencoded' } }) .then(function(res){ console.log(res.data) //控制台打印请求成功时返回的数据 //bind(this)可以不用 }.bind(this)) .catch(function(err){ if(err.response) { console.log(err.response) //控制台打印错误返回的内容 } //bind(this)可以不用
阅读更多详细解说请看axiosAPI
相关文章推荐
- 在Vue中如何使用axios跨域访问数据
- 在Vue中如何使用axios跨域访问数据
- 在Vue中如何使用axios跨域访问数据
- 详解Vue.js 2.0 如何使用axios
- 在Vue中如何使用axios跨域访问数据(转)
- 详解在Vue中如何使用axios跨域访问数据
- Vue.js学习系列(八)---如何使用组件
- Vue - 如何使用vue监听一个不存在的变量
- 如何优雅地使用 VSCode 来编辑 vue 文件?
- 如何制作Vuejs组件,并且在项目中使用
- Vue中如何使用less
- Vue.js实战之使用Vuex + axios发送请求详解
- 如何在 Vue.js 中使用第三方库
- 如何在vue项目中使用md5.js及base64.js
- vue2.0之axios使用详解(二)
- Vue中如何使用vue-resource获取端口数据
- 如何使用vue-cli生成项目
- 如何优雅的使用vue+vux开发app -03
- axios在vue中的简单配置与使用