axios.js

import axios from "axios";
import store from "../store/index.js";
import router from "../router/index";

import {Message,Loading} from 'element-ui'
let loading;
//内存中正在请求的数量
let loadingNum=0;
function startLoading() {    
	if(loadingNum==0){
		loading = Loading.service({
		  lock: true,
		  text: '拼命加载中...',
		  background:'rgba(255,255,255,0.5)',
		})
	}
	//请求数量加1
	loadingNum++;
}
function endLoading() {
    //请求数量减1
	loadingNum--
	if(loadingNum<=0){
		loading.close()
	}
}
// 创建 axios 实例
let service = axios.create({
  // headers: {'Content-Type': 'application/json'},
  timeout: 60000
});

// 添加请求拦截器
service.interceptors.request.use(
  (config) => {
	  startLoading();
	  if (store.state.users.atoken) {  // 判断是否存在token，如果存在的话，则每个http header都加上token
		  config.headers.authorization = store.state.users.atoken;
	  }else{
		  router.push("/login");
		  endLoading();
	  }
	 if (config.method == 'get') {
	   config.params = {
		  _t: Date.parse(new Date()) / 1000,
		 ...config.params
	   }
	 }
	return config
  },
  (err) => {
    // 请求错误处理
    return Promise.reject(err)
//   config => {
//     let token = localStorage.getItem("atoken");
//     if (token) {
//       // 判断是否存在token，如果存在的话，则每个http header都加上token
//       config.headers.authorization = token;
//     } else {
//       router.push("/login");
//     }
//     if (config.method == "get") {
//       config.params = {
//         _t: Date.parse(new Date()) / 1000,
//         ...config.params
//       };
//     }
//     return config;
//   },
//   error => {
//     // 请求错误处理
//     return Promise.reject(error);
  }
);

// 添加响应拦截器

service.interceptors.response.use(
  (response) => {
	endLoading();
    let { data } = response
    return data
  },
  (err) => {
	endLoading();
	 if (err && err.response) {
		 Message.error({message: err.response.data.enote});
			 
    }else{
		Message.error({message:  '连接服务器失败!'});
    }
	return Promise.reject(err)
  }
);

/**
 * 创建统一封装过的 axios 实例
 * @return {AxiosInstance}
 */
export default function() {
  return service;
}