axios.js 3.1 KB
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: 600000
});

// 添加请求拦截器
service.interceptors.request.use(
  config => {
    // startLoading();
    let atoken = localStorage.getItem("atoken");
    if (atoken) {
      // 判断是否存在token,如果存在的话,则每个http header都加上token
        config.headers.authorization = atoken;
    } else {
      router.push("/login").catch(err => {err});
      // 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();
  if (response.data && response.data.ecode && response.data.ecode == 401) {
    Message.warning({ message: "用户登录过期,请重新登录!" });
    localStorage.removeItem("atoken");
    router.replace({
      path: "/"
    });
    // location.reload();
  } else {
    let { data } = response;
    // data.response = response;
    return data;
  }
  err => {
    // endLoading();
    if (err && err.response) {
      Message.error({ message: err.response.data.enote });
    } else {
      Message.error({ message: "连接服务器失败!" });
    }
    return Promise.reject(err);
  };
});

// 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;
}