本篇文章给大家分享的是有关vuejs中axios用法是怎样的，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。
成都创新互联自2013年创立以来，先为石阡等服务建站，石阡等地企业，进行企业商务咨询服务。为石阡企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
vuejs中axios的使用方法：1、安装axios；2、在main.js页面引用axios；3、通过“created(){this.$axios({method:'post',url:'api'...}”方式使用即可。
本文操作环境：Windows7系统、vue2.9.6版，DELL G3电脑。
vuejs中axios用法是什么？
vue中axios基本用法
1.首先安装axios：
1)：npm install 2)：npm install vue-axios --save 3)：npm install qs.js --save //这一步可以先忽略，它的作用是能把json格式的直接转成data所需的格式
2.安装成功后，在main.js页面引用：
import Vue from 'vue' import axios from 'axios' Vue.prototype.$axios = axios //全局注册，使用方法为:this.$axios Vue.prototype.qs = qs //全局注册，使用方法为:this.qs
3最后开始使用请求：
同时发起多个请求
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
}));创建一个实例
你可以创建一个拥有通用配置的axios实例
axios.creat([config])
var instance = axios.create({
baseURL: 'https://some-domain.com/api/',
timeout: 1000,
headers: {'X-Custom-Header': 'foobar'}
});以上就是vuejs中axios用法是怎样的，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注创新互联行业资讯频道。
