分享下我自己的axios封装
axios是个很好用的插件,都是一些params对象,所以很方便做一些统一处理
当然首先是npm安装axios 很简单$ npm install axios --save
在src下新建文件夹 service / index.js
接着上代码
1 import axios from 'axios';
2 import { Toast} from 'mint-ui';// 我用的mint的框架来弹出我的错误返回 大家可以用别的提示
3 import router from '../router'
4
5 // 默认超时设置
6 axios.defaults.timeout = 50000;
7
8 // 相对路径设置
9 axios.defaults.baseURL ='';
10
11 //http request 拦截器
12 axios.interceptors.request.use(
13 config => {
14 // 获取token
15 const token = localStorage.getItem('cc_token');
16 // 设置参数格式
17 if(!config.headers['Content-Type']){
18 config.headers = {
19 'Content-Type':'application/json',
20 };
21 }
22 // 添加token到headers
23 if(token){
24 config.headers.token = token
25 }
26 // 鉴权参数设置
27 if(config.method === 'get'){
28 //get请求下 参数在params中,其他请求在data中
29 config.params = config.params || {};
30 let json = JSON.parse(JSON.stringify(config.params));
31 //一些参数处理
32 }else{
33 config.data = config.data || {};
34 //一些参数处理
35 }
36 return config;
37 },
38 err => {
39 return Promise.reject(err);
40 }
41 );
以上请求之前的一些处理就完成了
下面是获得返回的一些处理
//http response 拦截器
axios.interceptors.response.use(
response => {
//一些统一code的返回处理
if(response.d