1. npm install axios --save 
2. bower install axios --save 

1. <script src="https://unpkg.com/axios/dist/axios.min.js"></script> 

1. import axios from 'axios' 
2. axios.get(); 

1. Vue.prototype.$axios = axios; 
2. this.$axios.get(); 

1. axios 
2.   .get('http://rap2api.taobao.org/app/mock/23080/resources/search',{ 
3.       params: { 
4.          id: 5 
5.       } 
6.    }) 
7.   .then(res => { 
8.     console.log('数据是:', res); 
9.   }) 
10.   .catch((e) => { 
11.     console.log('获取数据失败'); 
12.   }); 

1. this.$axios.post('http://rap2api.taobao.org/app/mock/121145/post',{ 
2.   name: '小月' 
3. }) 
4. .then(function(res){ 
5.   console.log(res); 
6. }) 
7. .catch(function(err){ 
8.   console.log(err); 
9. }); 

1. function getUserAccount(){ 
2.   return axios.get('/user/12345'); 
3. } 
4. function getUserPermissions(){ 
5.   return axios.get('/user/12345/permissions'); 
6. } 
7. this.$axios.all([getUserAccount(),getUserPermissions()]) 
8.   .then(axios.spread(function(res1,res2){ 
9.     //当这两个请求都完成的时候会触发这个函数，两个参数分别代表返回的结果 
10. })) 

1. axios({ 
2.   url: 'http://rap2api.taobao.org/app/mock/121145/post', 
3.   method: 'post', 
4.   data: { 
5.     name: '小月' 
6.   } 
7. }).then(res => { 
8.   console.log('请求结果：', res); 
9. }); 

1. axios('http://rap2api.taobao.org/app/mock/121145/get', { 
2.   params: { 
3.     name: '小月' 
4.   } 
5. }).then(res => { 
6.   console.log('请求结果：', res); 
7. }); 

1. axios.defaults.headers.common["token"] = "" 
2. axios.defaults.headers.post["Content-type"] = "application/json" 
3. axios.defaults.baseURL = 'https://service.xxx.com; //设置统一路径前缀 

1. // 创建时自定义默认配置，超时设置为全局默认值0秒 
2. let ax = axios.create({ 
3.   baseURL: 'http://rap2api.taobao.org', 
4.   params: { name: '小月' } 
5. }); 
6. // 修改配置后，超时设置为4秒 
7. ax.defaults.timeout = 4000; 

1. axios('/app/mock/121145/get', { 
2.   params: { 
3.     name: 'xiaoxiao' 
4.   }, 
5.   baseURL: 'http://rap2api.taobao.org' 
6. }) 

1. { 
2.     method：'请求方法', 
3.     baseURL：'如果路径不是绝对路径，就会在路径前自动添加此路径', 
4.     transformRequest: [(data, header)=>{}], //在发送请求之前修改数据，适用于post、put、patch 
5.     transformResponse:  [(data)=>{ 
6.         return JSON.parse(data).data; 
7.     }], //在收到的数据传到then之前修改数据，注意这里data是个字符串类型。 
8.     header: {'X-Requested-With': 'XMLHttpRequest'}, //请求头 
9.     params: {}, //请求参数 
10.     paramsSerializer: (params)=>{ 
11.         return qs.stringify(params); //name=xiaohong&id=1 
12.     } //可选函数，可以把参数拼接成字符串 
13.     data: {}, // post类方法的请求体参数 
14.     timeout: 0, //请求延时事件，如果超时请求终止 
15.     withCredentials: false, //是否时跨站点请求 
16.     onUploadProgress: (progressEvent)=>{ 
17.         //可以通过progressEvent拿到上传的进度 
18.     }, 
19.     onDownloadProgress: ()=>{},//和onUploadProgress一样，获取下载的进度 
20.     responseType: json,  // 返回的数据格式 
21.     maxContentLength: 2000, //相应内容的最大尺寸 
22.     validateStatus: (validateStatus)=>{ 
23.         return validateStatus >= 200; //限制相应状态码，如果不满足就拒绝 
24.     }, 
25.     cancelToken: new cancelToken(function(cancel){}) // 指定一个取消请求标识，下面会用到 
26. } 

1. axios.interceptors.response.use( 
2.   res => { 
3.     if (res) { 
4.       return res; 
5.     } 
6.   }, 
7.   err => { 
8.     return Promise.reject(error); 
9.   } 
10. ); 

1. var myInterceptor = axios.interceptors.request.use(function () {/*...*/}); 
2. axios.interceptors.request.eject(myInterceptor); 

1. var CancelToken = axios.CancelToken; 
2. var source = CancelToken.source(); //1 
3. axios.post('/user/12345', { 
4.   name: 'new name' 
5. }, { 
6.   cancelToken: source.token //2 
7. }) 
8. source.cancel('Operation canceled by the user.'); //3 

1. var CancelToken = axios.CancelToken; 
2. var cancel; 
3. axios.get('/app/mock/121145/get', { 
4.   baseURL: 'http://rap2api.taobao.org', 
5.   cancelToken: new CancelToken(function executor(c) { 
6.     cancel = c; 
7.   }) 
8. }); 
9. cancel(); 

1. module.exports = { 
2.   devServer: { 
3.     proxy: { 
4.       '/api': { 
5.         target: 'https://www.xxx.com', //目标路径，别忘了加http和端口号 
6.         changeOrigin: true, //是否跨域 
7.         ws: true, 
8.         pathRewrite: { 
9.           '^/api': '' //重写路径 
10.         } 
11.       } 
12.     } 
13.   } 
14. };