vuejs中axios用法是怎样的

本篇文章给大家分享的是有关vuejs中axios用法是怎样的，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

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 install2)：npm install vue-axios --save3)：npm install qs.js --save　　//这一步可以先忽略，它的作用是能把json格式的直接转成data所需的格式

2.安装成功后，在main.js页面引用：

import Vue from 'vue'import axios from 'axios'Vue.prototype.$axios = axios    //全局注册，使用方法为:this.$axiosVue.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用法是怎样的，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。