Vue-axios

1.安装axios

1 npm install axios

2.查看版本号

1 npm axios -v

3.index.js 文件配置

 1 //引入Vue框架
 2 import Vue from 'vue'
 3 //引入资源请求插件
 4 import axios from 'axios'
 5  
 6 //使用axios插件
 7 //每个 Vue 对象都会新增一个 axios 对象
 8 Vue.prototype.axios = axios;
 9  
10 //添加请求拦截器
11 axios.interceptors.request.use(function (config) {
12   //在发送请求之前
13   return config;
14 },function (error) {
15   //请求错误时
16   return Promise.reject(error);
17 });
18  
19 //添加响应拦截器
20 //拦截器可以对请求做一些公共的处理，比如异常、返回数据的格式
21 axios.interceptors.response.use(
22   response => {
23     return response;
24   },
25   error => {
26     if (error.response) {
27       switch (error.response.status) {
28         case 500:
29           // do something
30           break;
31         case 402:
32           // do something
33           break;
34       }
35     }
36     return Promise.reject(error.response.data);   // 返回接口返回的错误信息
37   });
38  
39 export default ({
40  
41 });

 

转载于:https://www.cnblogs.com/it-Ren/p/11322355.html