1.基本用法：

安装axios cnpm install axios --save

在 main.js中引入axios：

import Vue from 'vue'; import axios from 'axios'; Vue.prototype.$axios=axios;

2. 在组件中使用axios：

this.$axios .get(url, { params: {} }) .then(res => { console.log(res); }) .catch(err => { console.error(err); });

3.axios 请求方法：

get：获取数据，请求指定的信息，返回实体对象post：向指定资源提交数据（例如表单提交或文件上传）put：更新数据，从客户端向服务器传送的数据取代指定的文档的内容patch：更新数据，是对put方法的补充，用来对已知资源进行局部更新delete：请求服务器删除指定的数据

4.axios并发请求：

并发请求：同时进行多个请求，并统一处理返回值

示例代码：

this.$axios.all([ this.$axios.get('/goods.json'), this.$axios.get('/classify.json') ]).then( this.$axios.spread((goodsRes,classifyRes)=>{ console.log(goodsRes.data); console.log(classifyRes.data); }) )

5.创建axios实例：

示例代码：

let instance = this.$axios.create({ baseURL: 'http://localhost:9090', timeout: 2000 }) instance.get('/goods.json').then(res=>{ console.log(res.data); })

6.axios全局配置：

//配置全局的超时时长 this.$axios.defaults.timeout = 2000; //配置全局的基本URL this.$axios.defaults.baseURL = 'http://localhost:8080';

7.axios请求配置：

this.$axios.get('/goods.json',{ timeout: 3000 }).then()

以上配置的优先级为：请求配置 > 实例配置 > 全局配置